ReactJS: what is the difference between functional component and class component

Question

Could anyone can explain in detail the difference between functional component and class component in ReactJS?

When we use a functional component and when we use the class component?

Answer 1

Functional Components

A functional component is basically a JavaScript function which returns a React element. Its accepts props as argument and returns valid JSX

Class Components

Class Components are more complex than functional components including constructors, life-cycle methods, render( ) function and state (data) management. Class components are ES6 classes.

Benefits of using Functional Components

1. Functional components are easy to test.
2. It can have better performance.
3. Functional components are easy to debug.
4. It end up with less code.
5. It help you to use best practices.
6. Functional components can reduce coupling.

For more click here

Answer 2

See this picture. I am too much late but i will help the others.

Source of Image is Udemy Course