Что такое React Fiber🥸?
Тема довольно продвинутая, но необходимая для любого React разработчика. Так что не пугайтесь)
Fiber — это основная структура данных внутри движка React, которая представляет собой задачу («работу»), которую необходимо выполнить или уже выполнили.
Основные аспекты Fiber:
Объект задачи: Fiber представляет компонент и связанную с ним работу, которую нужно выполнить.
Дерево Fiber: Структура данных Fiber организована в виде дерева(А если точнее - связный список), что отражает иерархию компонентов React.
Реконсиляция: Fiber помогает React эффективнее сравнивать current/WorkInProgress дерево с реальным DOM, обновляя только измененные части.
Режимы работы: Fiber поддерживает различные режимы работы, такие как асинхронный рендеринг, позволяя оптимизировать обновления интерфейса в зависимости от текущих задач и приоритетов.
Подробнее про Fiber можно узнать из этой статьи и лекции Тёмы Сенюкова
Str (IT-Community)
Тема довольно продвинутая, но необходимая для любого React разработчика. Так что не пугайтесь)
Fiber — это основная структура данных внутри движка React, которая представляет собой задачу («работу»), которую необходимо выполнить или уже выполнили.
Основные аспекты Fiber:
Объект задачи: Fiber представляет компонент и связанную с ним работу, которую нужно выполнить.
Дерево Fiber: Структура данных Fiber организована в виде дерева(А если точнее - связный список), что отражает иерархию компонентов React.
Реконсиляция: Fiber помогает React эффективнее сравнивать current/WorkInProgress дерево с реальным DOM, обновляя только измененные части.
Режимы работы: Fiber поддерживает различные режимы работы, такие как асинхронный рендеринг, позволяя оптимизировать обновления интерфейса в зависимости от текущих задач и приоритетов.
Подробнее про Fiber можно узнать из этой статьи и лекции Тёмы Сенюкова
Str (IT-Community)