Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/React/update-cycle

Как обновляется UI в React Fiber: полный цикл от setState до отрисовки?

СобеседованиеFiber Render Process
  1. Инициирование обновления — создаётся объект обновления
  2. Приоритезация через систему Lanes
  3. Планирование задачи (Scheduler)
  4. Render-фаза (Reconciliation) — прерываема и инкрементальна
  5. Завершение render-фазы — формируется список эффектов
  6. Commit-фаза (синхронная, непрерываемая) — cleanup эффектов, mutation DOM, useLayoutEffect, useEffect
  7. Рабочее дерево становится текущим
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov