В чем разница между реактивом и реактивным волокном?

Ответ 1

React Fiber - это постоянная повторная реализация алгоритма Core React, его просто полная внутренняя перезапись React.

React Fiber - полная, обратная совместимость с перезаписью ядра React.

Цель React Fiber - увеличить его пригодность для таких областей, как анимация, макет и жесты. Его функция заголовка - инкрементный рендеринг: возможность разделить рендеринг на куски и разложить его на несколько кадров.

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

Вы можете найти отличное объяснение от Лин Кларка в этом видео.

Для получения дополнительной информации, пожалуйста, проверьте следующие ссылки,

1. Что такое React Fiber?

2. Реагировать на архитектуру волокон

3. Что для вас значит React 16?

Надеюсь, это поможет вам!

Ответ 2

React Fiber - это постоянная повторная реализация алгоритма Core React. Основными отличиями между реактивными и реагирующими волокнами являются следующие новые возможности: -

• Инкрементное рендеринг: - React v16.0 включает полностью перезаписанный серверный рендеринг. Это очень быстро. Он поддерживает потоковое вещание, поэтому вы можете быстрее отправлять байты клиенту

• Обработать ошибки в API-интерфейсе рендеринга: Чтобы сделать компонент класса границей ошибок, мы определяем новый метод жизненного цикла, называемый componentDidCatch (error, info).

• Возвратить несколько элементов из рендера: С помощью этой новой функции в React v16.0 теперь мы также можем вернуть массив элементов и строку из метода рендеринга компонентов.

• Порталы: Порталы обеспечивают первоклассный способ отображения дочерних элементов в DOM node, который существует вне иерархии DOM родительского компонента.

• Фрагменты: Общим примером в React является компонент для возврата нескольких элементов. Фрагменты позволяют группировать список детей без добавления дополнительных узлов в DOM.

Ответ 3

React 16 beta был выпущен несколько часов назад: https://github.com/facebook/react/issues/10294.

Переписанное React core (внутреннее название "волокно" ) должно оставаться совместимым с существующими приложениями, за исключением нескольких изменений (см. примечания к выпуску Github). Поскольку большинство изменений находятся под капотом, вам больше не нужно будет изучать совершенно новую концепцию.

Ответ 4

Все здесь уже упоминали здесь все новые функции, которые появляются с реагирующим волокном. Я подчеркну, что реагирующее волокно с изменением сердцевины делает, чтобы улучшить себя. Реактивное волокно фактически позволит приостановить и воспроизвести различные задачи, выполняемые браузером. Он будет отдавать приоритет определенным задачам над другими.

Например, если важна конкретная анимация, а не выборка данных в фоновом режиме. он выдвинет задачу анимации в качестве приоритета в стеке выполнения, и как только анимация будет завершена или займет слишком много времени, можно переключиться на задачу извлечения данных. Чтобы позволить этим современным браузерам открыть API, который является requestIdleCallback, который позволяет приостанавливать и воспроизводить задачи. requestIdleCallback

Вот что реагирует волокно. Это то, что реагирует волокно в капюшоне, и это удивительно.

Примечание: я могу быть не совсем верным по нескольким пунктам. Я открыт для любых исправлений, если таковые имеются