Скачать или смотреть React JS-Typescript Tutorial 9 - Class Components | Functional vs Class Components | TechAnkitSaxena

#class component #functional vs class components

In this session, we will discuss about class components and also discuss the difference between Functional and Class Components

-It is just ES6 Class
-They take inputs (called props) and return elements.
-It can maintain some information which is private to that component and use this information to describe the user interface.

Note: Always start with capital letters.

Functional vs Class Components-
Functional Component-
-It is just simple functions.
-It is recommended that use Func component as much as possible.
-It is easier because it does not use ‘this’ keyword.
-Does not use state. So, it is easier to debug and test.
-It is also known as stateless, dumb or presentational components.

Class Components-
More rich features OOPs
-State – maintain their own private data
-Complex UI logic
-Provide life cycle hooks
-Can have Refs (reference and manipulate underlying DOM elements)
-Also known as Stateful, smart or container component.

Previous Videos of React Tutorial-
1.React JS For Beginners | React Tutorial | Course Introduction | TechAnkitSaxena -    • React JS For Beginners | React Tutorial | ...  
2.React JS Tutorial 1 - React JS Intro | What is why we use React | SPA | TechAnkitSaxena -    • React JS-Typescript Tutorial 1 - React JS ...  
3. React JS Tutorial 2 - Setup React JS App | Steps to create First React App | TechAnkitSaxena -    • React JS-Typescript Tutorial 2 - Setup Rea...  
4. React JS Tutorial 3 - What is ECMA Script | ES | ES6 | TechAnkitSaxena -
   • React JS-TYPESCRIPT Tutorial 3 - What is E...  
5. React JS Tutorial 5 - What is ECMA Script | ES | ES6 | TechAnkitSaxena -
   • React JS-TYPESCRIPT Tutorial 3 - What is E...  
6. React JS-Typescript Tutorial 5 - What is JSX | CreateElement Method | React for Beginners -    • React JS-Typescript Tutorial 5 - What is J...  
7. React JS-Typescript Tutorial 6 - What is DOM | How DOM Works? | Document Object Model | Browser DOM -    • React JS-Typescript Tutorial 6 - What is D...  
8. React JS-Typescript Tutorial 7 - What is Virtual DOM | | How Virtual Dom Work? | Tech Ankit Saxena -    • React JS-Typescript Tutorial 7 - What is V...  
9. React JS-Typescript Tutorial 8 - Functional Components and Exports | Default Exports | Naming Export -    • React JS-Typescript Tutorial 8 - Functiona...  

Support me on Facebook:
  / ankittechclasses