React с Нуля 8: Fiber - Как React обновляет компонент? (setState - DOM)

React с Нуля 8: Fiber - Как React обновляет компонент? (setState - DOM)

В этом видео мы углубимся в работу React Fiber и разберем полный цикл обновления компонента, начиная с вызова `setState` и заканчивая изменениями в DOM.

Что вы узнаете из этого видео:

React Fiber Architecture: Краткий обзор архитектуры React Fiber и ее роли в повышении производительности. Что такое Fiber Node и зачем он нужен.
setState Trigger: Как вызов `setState` запускает процесс обновления компонента.
Batching Explained: Как React объединяет несколько `setState` для оптимизации.
Список Обновлений (Update Queue): Как React отслеживает pending обновления.
Reconciliation Phase: Разбор фазы Reconciliation.
Commit Phase: Как React применяет изменения к реальному DOM в фазе Commit.
Отчистка

Подписывайтесь на канал, чтобы не пропустить новые видео из серии "React ПОЛНОЕ погружение"!

репка: https://github.com/MrAlexandder/React...
Плейлист "React ПОЛНОЕ погружение":    • React: ПОЛНОЕ Погружение (От Новичка до Пр...  

00:00 В этом видео
00:56 Как вызывать setState
02:30 Почему стоит передавать функцию в setState
09:30 Что будет если вызвать несколько setState подряд
11:05 аргумент callback в setState
11:45 что происходит когда вызывается this.setState
12:40 список обновлений - update queue
12:55 что такое batching в react и поверхностное слияние shallow merge
14:33 reconciliation в react
15:25 что такое fiber в react
16:16 зачем нужен fiber node и как он строит дерево current tree
17:05 reconciler и как создается work in progress (wip) tree
17:30 фаза применения изменений commit phase
18:10 отчистка и разные действия