Как работает Реакт?

Question 1

Как работает Реакт?

Answer 1

(рендер-т.е. первый запуск, затем уже ререндеры): запускаем yarn start-> начнет отрисовываться index.html, запускается script->index.tsx->App.tsx (компоненты возвращают JSX)-> babel транспилятор превращает JSX в JS->создается Virtual DOM (это объект, легковесная версия DOM, у него есть только СВОЙСТВА, но нет методов, и к СВОЙСТВАМ мы доступа не имеем. DOM хранится в браузере, а Virtual DOM в оперативной памяти компьютера )->на основе Virtual DOM создается DOM, который отрисовывается в браузере. (Когда React создает новый виртуальный дом, он заменяет старый виртуальный дом ссылкой на новый объект в памяти. Garbage collector удаляет старый неактуальный виртуальный дом из-за отсутствия ссылок на него.)

Всего 2 виртуальных дома и 1 обычный дом.
Виртуальный дом - совокупность объектов, на основе, которых будет строиться настоящий дом.
Объектная модель документа (DOM) - то что видит пользователь.