Как На Самом Деле Работает React? React.js Глубокое погружение #1

• Видео объясняет, как работает React, начиная с создания компонентов и заканчивая их рендерингом.  

• Рассматриваются основные понятия, такие как согласование, виртуальный DOM, алгоритм реагирования и другие.  

• Компоненты React - это классы или функции, которые выводят дерево элементов.  

• Компоненты имеют входные данные (реквизиты) и выходные данные (элементы).  

• Элементы могут описывать не только узлы DOM, но и компоненты или экземпляры компонентов.  

• React создает дерево элементов, начиная с вершины и рекурсивно двигаясь вниз.  

• При первоначальном рендеринге React вставляет полное дерево в DOM, что требует больших усилий.  

• Для синхронизации виртуального DOM с реальным DOM используется алгоритм дифференцирования.  

• Алгоритм учитывает два важных допущения: разные типы элементов приводят к разным деревьям и уникальные ключи для элементов.  

• React не заботится о рендеринге и использует средства визуализации для вставки дерева элементов в DOM.  

• React совместим с любым средством визуализации и может быть использован для создания собственного средства визуализации.  

• React предоставляет средства выражения и выполняет функции, такие как определение компонентов и выполнение рендеринга.  

• React взаимодействует с рендерерами через функцию setState, которая устанавливает специальное поле для созданного класса.  

• React-dom устанавливает это поле после создания экземпляра класса.  

• Реактивные хуки работают аналогично, но вместо поля обновления используют объект dispatcher.  

• React устанавливает диспетчера при визуализации компонента.  

• React взаимодействует со средствами визуализации, используя различные методы, такие как setState и хуки.