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 отчистка и разные действия

React с Нуля 9: CALLBACK функция JavaScript. ПРОСТОЕ объяснение что это?
▶︎

React с Нуля 9: CALLBACK функция JavaScript. ПРОСТОЕ объяснение что это?

Жизненный цикл React компонентов | Все что нужно знать за 12 минут
▶︎

Жизненный цикл React компонентов | Все что нужно знать за 12 минут

VIRTUAL DOM В REACT ЗА 7 МИН
▶︎

VIRTUAL DOM В REACT ЗА 7 МИН

Что ответил парень на вопрос, почему круто понимает код Python и как это получилось.
▶︎

Что ответил парень на вопрос, почему круто понимает код Python и как это получилось.

React 19: Новые хуки, которые вы ждали
▶︎

React 19: Новые хуки, которые вы ждали

React Fiber: Why React Had to Rewrite Everything
▶︎

React Fiber: Why React Had to Rewrite Everything

How React REALLY Updates the UI — Virtual DOM, Fiber & Reconciliation Explained
▶︎

How React REALLY Updates the UI — Virtual DOM, Fiber & Reconciliation Explained

Best of Deep House [2026] | Melodic House & Progressive Flow
▶︎

Best of Deep House [2026] | Melodic House & Progressive Flow

Самое опасное когнитивное искажение [Veritasium]
▶︎

Самое опасное когнитивное искажение [Veritasium]

Урок 1: Архитектура React Native | Новая VS Старая
▶︎

Урок 1: Архитектура React Native | Новая VS Старая

НОВЫЙ REACT 18 ВЫШЕЛ
▶︎

НОВЫЙ REACT 18 ВЫШЕЛ

React Fiber Все только начинается
▶︎

React Fiber Все только начинается

React Interview Questions Senior Level (React Fiber, Reconciliation, Virtual DOM)
▶︎

React Interview Questions Senior Level (React Fiber, Reconciliation, Virtual DOM)

РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА MIDDLE FRONTEND РАЗРАБОТЧИКА | JAVASCRIPT REACT #frontend #собеседование
▶︎

РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА MIDDLE FRONTEND РАЗРАБОТЧИКА | JAVASCRIPT REACT #frontend #собеседование

REST API — что это такое? Полное руководство для начинающих
▶︎

REST API — что это такое? Полное руководство для начинающих

ВСЯ БАЗА ПРО ТЕКСТУРЫ В ИГРАХ | 16X ОПТИМИЗАЦИЯ
▶︎

ВСЯ БАЗА ПРО ТЕКСТУРЫ В ИГРАХ | 16X ОПТИМИЗАЦИЯ

Технические вопросы к джуну на собеседовании фронтенд-разработчика | Хекслет
▶︎

Технические вопросы к джуну на собеседовании фронтенд-разработчика | Хекслет

[Report] React Reconciliation in Detail, or How React Achieved 60 FPS
▶︎

[Report] React Reconciliation in Detail, or How React Achieved 60 FPS

Я месяц искал, как работают хуки React под капотом
▶︎

Я месяц искал, как работают хуки React под капотом

#1 - React Fiber
▶︎

#1 - React Fiber