ReactJs - The Complete Guide - B4
ReactJs - The Complete Guide - B4
Intermediate
Tk. 12,000

Who Can Join This Course?
HTML, CSS, Javascript.
Course Outline
Introduction to ReactJs
The most important question of this course is What is React and why should we use it. In this lecture, we'll take a closer look.
Understanding JSX
One of the most important features of ReactJs is JSX which allows us to develop components faster and efficiently. This the objective of this session
Props and States
The core system is ReactJs is driven by two sample thing. Props and States. In this lecture will learn these two things with examples
Class Component
Though in current time, the Class component is discouraged to use, still we need to know our ancestor to understand our modern development system. So we will get to know the class component in this lecture. Don't Worry, we will learn everything in ReactJs hooks.
Functional Component
In this lecture, we will get to know the Functional Component and the react Hooks which is the modern way of building a react application.
ReactJs Lifecycle
The most important thing in ReactJs is to understand the lifecycle of a component without which the whole ReactJs will be a big black hole. So Let's learn the LIFECYCLE of the ReactJs component. We will demonstrate the both legacy way of lifecycle in-class component and also in the Hooks way, From both of them, we will get to learn why we should use React Hooks instead of Class Component
Life Cycle Hooks
In this Section, We will dig deeper into the basic life cycle hooks of ReactJs. The hooks are useState,useEffect which are use almost every component in a react application
State Manipulation and Two way Data Binding
One of the vital things in a React Application is State Manipulation which we will learn in this lecture as well as will try to implement two-way data binding.
Conditional Rendering
In this section, we will get to know how we can render content depending on our data flow and other factors conditionally
List and Keys
Looping through the contents is one of the most important things we should learn to develop a modern and real life react application. So let's learn this in this section.
Styling React Components
To make an application, it is important to have proper UX and UI. In this section we learn about styling techniques :
- Setting styles dynamically
- Setting Classname dynamically
- CSS Module
More in to Styling
Though we have learned about styling using CSS, modern applications require modern ways of styling UI. So In this section we will learn about a fantastic library called STYLED-COMPONENTS using which we can style our components in a JavaScript way.
Material UI
For faster development, we often use various UI libraries. Material UI is one of them and in this section, we will learn about this amazing UI library.
Form and Form Validation
In this section, we learn to create form, handle user input, validating inputs, Handling errors
Debugging and better project structure
In this section, we will learn about two vital things. One is how to debug a React Application using React Developers Tool.
Another topic is how to build a better project structure. Also, we will learn how to clean up react hooks and make them efficient.
API Call
We will learn how to communicate with API using the following tools and techniques:
- Fetch
- Axios
- Difference between GET/POST/PATCH/PUT/DELETE
- Handling errors
- Handling asynchronous API calling
React Router
A very important feature of ReactJS is Routing and in this session, we will talk and learn about ReactRouter and some of its features:
- Setting up Router Package
- Components of routers
- Switching between pages
- Using porps via router
- Navlink/Link component of router
- History and Params Hooks
- Redirection
Redux
Due to the Unidirectional Data Flow of React, often we have to use a common store, and a very popular library is Redux. In this session we will learn:
-Why Redux
- Understanding Redux Flow
- Setting up reducers and store
- Dispatching actions
- Connect React to redux
- Passing data with action to store
- Update store immutably
- Combining multiple reducers
- Connect component with redux hooks
- Setting up redux dev tools
Redux Middle Ware
As we have to deal with the Asynchronous feature of Javascript, we need to handle them in a middleware and a very popular yet simple package of react for that is Redux-thunk and we will learn about this tools.
- Why middleware is important
- Redux Thunk
- Configuring Thunk to store
- Implement store with redux thunk
- A brief overview of redux-saga
Advance Hooks
There some other hooks in ReactJs and we will have a brief overview of those hooks.
- useMemo
- useCallback
- useLayout
- useReducer
Performance enhancers
As it's a frontend library, we have to think about updating the performance to ensure a smooth user experience. So we will learn about some performance enhancer and their use.
- React Profiler
- Generate react source-map
- React.Lazy
- React.memo
Final Project analysis and discussion session
Throughout the whole course, all the topics will be discussed with real-time project implementation and at the end of the day, a final project will be given to everyone. In this session, we will analyze the submission and have a discussion over how to make it more efficient and performance-friendly.
Batch 4
Schedule
Starts from Jan 25, 2023
Last date of registration is Jan 24, 2023 (Registration Closed)
Register Now Registration will open soonInstructors

I am an innovative Javascript Developer with 6 years experience in blending the art of design with the skill of object-oriented programming.
LinkedIn ProfileWhat Students Said
The instructor was really helpful and friendly. I started from scratch. Did not have really good footing over js, or CSS. The instructor helped all of us with also this. The overall Teaching process was really good. Gave us a really good idea of the basics of react

ReactJs - The Complete Guide Batch: 3
I have been learning ReactJs from Arnab Dhar in this Batch-3 and it has been a great experience. He is a very thoughtful teacher who puts a lot of thought into how he presents the material. His lessons were engaging, useful, and he was very patient with everyone in class always encouraging his students to try. I would highly recommend him to anyone interested in learning (ReactJs).

ReactJs - The Complete Guide Batch: 3
The course was great and the instructor, Arnab bhai was very friendly and helpful. He explained all the basics of React very smoothly. I enjoyed all the classes and learnt so many things. Hence, I am quite satisfied with this course. If anyone wants to learn React from a good instructor, I highly recommend this course. However, having a good knowledge on JavaScript is a must for this course. Finally, my thanks to both Devskill and Arnab bhai for this course.

ReactJs - The Complete Guide Batch: 3
Being a software developer with five-plus years’ experience surely was imperfect and the feeling was that there is something huge lacking in my bucket of skillset. Nowadays, JS libraries have a vast role in the software development world and I found my weak point here with JavaScript and its libraries. Apart from my understanding and studies, ReactJS is the best frontend library in existence and I‘ve decided to enroll in a training course on ReactJS in a reliable organization. After having some research I’ve taken the decision to enroll with DevSkill. Where all the topics those are covered in the ReactJS course are the core concepts of ReactJS, which were more organized to start with. In our course, we’ve found an innovative and expert JavaScript developer “Arnab Dhar”, as our instructor of this course. He is not only an expert developer but also a good friend with a helpful attitude. I am feeling more comfortable with JavaScript and with ReactJS after finishing the course.

ReactJs - The Complete Guide Batch: 3
By doing this course I have learned a lot, including how to create a client application, every topic of ReactJs is explained in a very different way here. The teacher of our course was very friendly.
ReactJs - The Complete Guide Batch: 3