Understand React #1 | useState | useEffect | class & functional components | life-cycle methods

Hi there,

In this session, I cover the following concepts,
1. What is React?
2. How do we create UI with Plain JS
3. How do we create UI with React and ReactDOM API
4. Understanding create-react-app template
5. Virtual DOM
6. Class Components
7. Function Components
8. What are Hooks?
9. What is state and how to manage state in class and functional components
10. Component Lifecycle phases
11. Component Lifecycle methods in class components
12. Enacting lifecycle method behavior in function component using 'useEffect' hook

React slides (works only on laptop/desktop): https://ak-react-slides.netlify.app
All my content: https://bio.link/apurvkhare
Javascript framework speed comparison: https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html
Custom configured React App: https://github.com/apurvkhare/react-app-biolerplate

Timestamps

0:00 stream about to start
1:20 brief intro about channel
3:29 what is React?
10:40 build UI with Javascript
15:00 build UI with React
29:20 understanding CRA template
33:26 virtual DOM
39:12 how UI is rendered in the browser
48:03 how to print virtualDOM node on console
49:30 JSX
53:38 short break
57:53 components in React
59:37 class component
1:02:10 state in class component
1:06:16 function component
1:07:20 useState hook
1:23:30 phases of react component
1:25:02 brief about all lifecycle methods
1:27:55 overriding 3 lifecycle methods
1:33:15 useEffect hook
1:40:40 session wrap up

Видео Understand React #1 | useState | useEffect | class & functional components | life-cycle methods канала What The Code