10 - React And Spring Boot : Difference between Function and Class Component | ReactJS

#FunctionvsClassComponent #FunctionComponent #ClassComponent #ReactJS
=====================
here is the code link - https://github.com/mightyjava/book-rest-api-reactjs
for help and support - https://www.buymeacoffee.com/almightyjava
=====================
There are two possible ways to create a component.
1. Function Component
2. Class Component

Function component
1. This is the simplest way to create a component.
2. Function components are pure JavaScript functions.
3. The function component is much easier to read and test.
4. The function component accepts the props object as the first parameter and returns React elements.
5. In the function component, we can’t use state or lifecycle methods, that’s the restriction.
6. From React 16.8 we can use state, lifecycle methods, and other features also in function components, that is the enhancement.

Class component
1. Class component syntax adapted from ECMAScript 6
2. Class Components have some additional features like state, lifecycle methods like constructor, getDerivedStateFromProps, render, componentDidMount.
3. If we want to use state and life cycle methods related features, then we should use the class component instead of function component.
=====================
1 - React And Spring Boot : Introduction & Set Up | ReactJS | ReactDOM | Spring Boot
https://www.youtube.com/watch?v=mgbEz23qZP0&t=1s

2 - React And Spring Boot : How to integrate with Spring Boot? | ReactJS | Spring Boot
https://www.youtube.com/watch?v=lF-k7O_QCWI

3 - React And Spring Boot : How to set up Router and Route? | React Router | ReactJS | Spring Boot
https://www.youtube.com/watch?v=WKkM5rFed2g

4 - React And Spring Boot : How to create & submit form in React? | ReactJS | Font-Awesome in React
https://www.youtube.com/watch?v=m4t0pmlQUbU

5 - React And Spring Boot : How to call get request using Axios? | ReactJS | Axios Client in React
https://www.youtube.com/watch?v=yDwDIP-kUTY

6 - React And Spring Boot : How to call POST request using Axios? | ReactJS | Axios Client in React
https://www.youtube.com/watch?v=sDTcOdJZqCY

7 - React And Spring Boot : How to call DELETE request using Axios?| ReactJS | Axios Client in React
https://www.youtube.com/watch?v=UAJpKl5gg6A&t=28s

8 - React And Spring Boot : How to call PUT request using Axios? | ReactJS | Axios Client in React
https://www.youtube.com/watch?v=E66UNCNMtSY&t=31s

9 - React And Spring Boot : How to create Simple Front-End Pagination? | ReactJS | Almighty Java
https://www.youtube.com/watch?v=_wmAb26mwuI

10 - React And Spring Boot : Difference between Function and Class Component | ReactJS
https://www.youtube.com/watch?v=25qyh90JzSg

11 - React And Spring Boot : How to use fetch API with React | ReactJS
https://www.youtube.com/watch?v=NcHkKYsZNVs

12 - React And Spring Boot: Simple Back-End Pagination using Spring Boot Paging & Sorting Repository
https://www.youtube.com/watch?v=eQVQ0jApPSg

13 - React And Spring Boot : Sort data using Spring Boot and React | ReactJS
https://www.youtube.com/watch?v=QJZCsw2lBdY

14 - React And Spring Boot : Filter data using Spring Boot and React | ReactJS
https://www.youtube.com/watch?v=dBO-Vl7nj_0