Что такое Fiber node

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

Особенности Fiber:

• Позволяет React разбивать работу на части (инкрементальный рендеринг)
• Поддерживает приоритеты задач (например, анимации > обновления данных)
• Хранит связи между компонентами (child, sibling, return)

// Пример Fiber структуры для компонента:
const fiber = {
  type: 'div', // или функциональный/классовый компонент
  key: null,
  props: { children: [...] },
  stateNode: DOMNode, // ссылка на реальный DOM
  child: FiberNode, // первый дочерний элемент
  sibling: FiberNode, // соседний элемент
  return: FiberNode, // родительский элемент
  alternate: FiberNode // ссылка на предыдущую версию
}