Как работает Virtual DOM в React — от создания до обновления реального DOM?
- Компонент возвращает JSX которое затем превращается в дерево Virtual DOM
- При изменении состояния или пропсов React создаёт новое дерево VDOM
- React сравнивает новое и старое дерево (алгоритм diff)
- Вычисляется минимальный набор изменений (patch)
- Реальный DOM обновляется точечно, на основе diff-а