Что такое Fiber?
Продвинутые темы
Fiber — это архитектура внутреннего механизма согласования (reconciliation) в React, появившаяся в React 16. Она делает рендеринг прерываемым и приоритизируемым.
Проблема, которую решает
До Fiber согласование было синхронным и рекурсивным: большое обновление блокировало основной поток, вызывая «фризы» интерфейса.
Что такое Fiber
Fiber — это единица работы и структура данных (узел), описывающая элемент и его состояние. React строит дерево Fiber-узлов, где каждый узел можно обработать по отдельности.
Возможности
- Инкрементальный рендеринг — работа разбивается на части, которые можно приостанавливать и возобновлять.
- Приоритизация — срочные обновления (ввод текста) важнее фоновых.
- Прерываемость — React может отложить работу, отдать поток браузеру (не блокировать UI) и продолжить позже.
Две фазы
- Render (reconciliation) — прерываемая, строит дерево изменений, без побочных эффектов.
- Commit — синхронная, применяет изменения к DOM.
Fiber — основа Concurrent-возможностей React (Suspense, transitions).
Коротко для собеседования
Fiber — переписанный движок согласования React (с v16): дерево Fiber-узлов делает рендеринг инкрементальным, прерываемым и приоритизируемым. Разделён на прерываемую фазу render и синхронную фазу commit; основа для Concurrent-функций.