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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Understand React #1 | useState | useEffect | class & functional components | life-cycle methods», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.