Что такое React Fiber, зачем он появился, можно ли прервать commit-фазу и что означают current tree и work-in-progress tree?

Fiber — внутренняя архитектура React для представления и планирования работы. Render может прерываться, а применение DOM-изменений в commit не разбивается как concurrent render.

Короткий ответ

Что ответить на собеседовании

Fiber — внутренняя архитектура React для представления и планирования работы. Render может прерываться, а применение DOM-изменений в commit не разбивается как concurrent render.

Подробный разбор

Ответ с пояснениями

Fiber — внутренняя архитектура React для представления и планирования работы. Render может прерываться, а применение DOM-изменений в commit не разбивается как concurrent render.

Current tree соответствует зафиксированному UI, work-in-progress содержит вычисляемую следующую версию. React может отложить или отбросить незавершённый render ради более приоритетной работы, не показывая частично рассчитанный результат. Fiber не делает JavaScript многопоточным и не позволяет автоматически прерывать произвольный тяжёлый код компонента посреди функции.

Источник: react.dev.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее