Part 9- React for Beginners | Class Components | Functional vs Class Components

#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 - https://youtu.be/TgjqdYR_tzM
2. Part 1 - React JS For Beginners | React JS Intro- https://youtu.be/RVXYlrXZmG8
3. Part 2 - React JS For Beginners | React JS Setup | Using NPM | Using Yarn - https://youtu.be/aTeJUyJnlf4
4. Part3- React JS for Beginners | What is ECMA Script | ES | ES6 - https://youtu.be/yy7-oai8tb8
5.Part4: React JS for Beginners | The Render Method -https://youtu.be/dPkJSmB3N0w
6. Part5- React JS for Beginners | JSX - https://youtu.be/BpeQ73LwIRs
7. Part6- React For Beginners | DOM | How DOM Work? - https://youtu.be/kIh9fQjdYz0
8. Part7- React For Beginners | Virtual DOM | How Virtual Dom Work - https://youtu.be/2qCoHEwQuQA
9. Part8- React for Beginners | Functional Components | Default Exports | Naming Export https://youtu.be/k-eeMCrJ5ng

Support me on facebook: : https://www.facebook.com/ankittechclasses