Что такое React Fiber? Глубокое погружение в React.js №2

В этом видео мы рассмотрим текущий согласователь React – Fiber. Этот согласователь основан на объекте Fiber. React Fiber – это полностью переписанный React, который исправляет давние проблемы (React синхронен) и предлагает невероятные возможности в будущем. Он фокусируется на анимации и адаптивности. Такие функции, как границы ошибок, приостановка и параллельный режим, основаны на Fiber. Fiber – это просто объект JavaScript, однако он также представляет собой единицу работы. Волокна обрабатываются в две фазы: фаза рендеринга и фаза коммита. На фазе рендеринга React обрабатывает волокна асинхронно, что открывает целый мир возможностей. У волокон множество свойств. Мы узнаем о «теге», «stateNode», «дочернем», «родственном» элементе, «возврате» и многом другом. Мы также узнаем о дереве Fiber и о том, как его обрабатывает React. Наконец, мы изучим эффекты, которые обрабатываются во время фазы синхронной фиксации. Эффекты — это мутации DOM или методы жизненного цикла. Временные метки: 0:00 Введение 0:54 Старый согласователь — стек 2:02 Что делает Fiber? 2:32 Две фазы Fiber (фаза рендеринга и фаза фиксации) 4:24 Свойство Fiber «tag» 5:30 Fiber и элементы React 6:20 Связи Fiber (свойства «child», «sibling» и «return») 8:20 Что такое work? 9:49 Деревья Fiber (текущее и в процессе разработки) 10:57 Эффекты 13:32 Как React обрабатывает дерево Fiber 16:24 Альтернативное свойство Fiber 16:56 Использование Fiber в React (границы ошибок, задержка, параллельный режим) 17:56 Завершение Социальные сети: ►Twitter:   / philip_fabianek   ►LinkedIn:   / philip-fabianek   ►Веб-сайт: http://www.philipfabianek.com
►GitHub: https://github.com/philipfabianek
Музыка: Lodhi от Pali Gap   / pali_gap   Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Бесплатное скачивание/трансляция: https://bit.ly/lodhi-pali-gap
Музыка предоставлена ​​Audio Library    • Lodhi – Pali Gap (No Copyright Music)   Lights Of Elysium - AERØHEAD   / aerohead   Creative Commons — Attribution-ShareAlike 3.0 Непортированная — CC BY-SA 3.0 Бесплатное скачивание/трансляция: https://bit.ly/lights-of-elysium
Музыка предоставлена ​​Audio Library    • Lights Of Elysium – AERØHEAD (No Copyright...   Solace от Nomyn   / nomyn   Creative Commons — Attribution 3.0 Непортированная — CC BY 3.0 Бесплатное скачивание/трансляция: http://bit.ly/SolaceNomyn
Музыка предоставлена ​​Audio Library    • Solace – Nomyn (No Copyright Music)   #ReactJS #ReactFiber #ReactDeepDive