Component in ReactJs | Class Component vs Functional Component | React Js State in Class Component

Component in ReactJs. React is on the basis on component. React JS component are reusable. component in react JS are 2 types, functional component and class component.
In this video, I will discuss React component also the difference between class component and functional component. How to set state in the class component in react js.
1. Component in ReactJS
2. React JS component.
3. React component.
4. component React.
5. Class component in React JS.
6. Functional Component in React JS.
7. Difference between Functional component and class component.
8. Example of Component using Visual studio.

Chapters:-
0:00 What we will cover in this video?
0:50 Component in ReactJS
1:43 Type of Component in React JS
2:05 Functional component in React JS
2:40 Class Component in React JS
3:30 Example of Functional Component using Visual studio code
8:57 Example of class Component using Visual studio code
11:16 State in Class Component using Visual studio code
17:28 difference between class and function component in reactJS
18:22 Make a right choice between React Components

The component in React JS:- components are like JavaScript functions. They accept “props” and return React elements/jsx describing what should appear on DOM tree.

The functional component in React JS:- Functional components are JavaScript (or ES6) functions that return React elements

The Class Component in React JS:- Class components are smart or stateful components.

Difference between Class and Functional Component in ReactJS:-
Function components are easier to use while class components are complex.
functional components are stateless while class components are stateful.

How to make the right choice between functional component and class component:-How to decide which component we need to use.
use functional components if you are just rendering something and didn’t need to pass state around or use lifecycle methods.
hooks were introduced with React version 16.8. This has allowed you to use lifecycle methods and state with functional components, so developers mostly use function components.

ES6 Tutorial

#ReactJs
#React
#reacttutorial

Facebook:-

--------------------------------
Facebook

--------------------------------
Instagram

---------------------------------
Subscribe Here

---------------------------------
Subscribe My Wife's Account - Tour & Makeup