Wyjaśnij Virtual DOM w React.

Virtual DOM — это абстракция реального DOM, которую использует React для оптимизации обновлений интерфейса. Вместо прямого изменения DOM браузера React сначала обновляет виртуальное представление дерева элементов в памяти, сравнивает его с предыдущей версией (процесс называется "reconciliation") и вычисляет минимальный набор изменений, необходимых для обновления реального DOM. Это повышает производительность и снижает количество дорогостоящих операций с DOM.

Пример:

const element = <div>Hello, world!</div>;
// React создает виртуальное дерево элементов
// При изменении состояния React обновит виртуальный DOM,
// сравнит с предыдущим и применит минимальные изменения к реальному DOM.