PassFront
  1. PassFront
  2. База знаний
  3. Продвинутые темы

Что такое Fiber?

Продвинутые темы

Fiber — это архитектура внутреннего механизма согласования (reconciliation) в React, появившаяся в React 16. Она делает рендеринг прерываемым и приоритизируемым.

Проблема, которую решает

До Fiber согласование было синхронным и рекурсивным: большое обновление блокировало основной поток, вызывая «фризы» интерфейса.

Что такое Fiber

Fiber — это единица работы и структура данных (узел), описывающая элемент и его состояние. React строит дерево Fiber-узлов, где каждый узел можно обработать по отдельности.

Возможности

  • Инкрементальный рендеринг — работа разбивается на части, которые можно приостанавливать и возобновлять.
  • Приоритизация — срочные обновления (ввод текста) важнее фоновых.
  • Прерываемость — React может отложить работу, отдать поток браузеру (не блокировать UI) и продолжить позже.

Две фазы

  1. Render (reconciliation) — прерываемая, строит дерево изменений, без побочных эффектов.
  2. Commit — синхронная, применяет изменения к DOM.

Fiber — основа Concurrent-возможностей React (Suspense, transitions).

Коротко для собеседования

Fiber — переписанный движок согласования React (с v16): дерево Fiber-узлов делает рендеринг инкрементальным, прерываемым и приоритизируемым. Разделён на прерываемую фазу render и синхронную фазу commit; основа для Concurrent-функций.

Другие вопросы раздела