Что такое Virtual DOM и как он работает в React?

Virtual DOM — это абстракция реального DOM, представляющая собой легковесную копию структуры пользовательского интерфейса в памяти. Он нужен для оптимизации обновлений интерфейса: вместо прямого изменения реального DOM, что дорого по ресурсам, изменения сначала применяются к Virtual DOM. Затем с помощью алгоритма сравнения (diffing) вычисляются минимальные изменения, которые нужно внести в реальный DOM, что значительно повышает производительность и отзывчивость приложений.

Пример: в React при изменении состояния компонента создаётся новый Virtual DOM, сравнивается с предыдущим, и обновляются только изменённые элементы в реальном DOM.