Обяснете Virtual DOM в React.

Виртуалният DOM е абстракция на реалния DOM, която React използва за оптимизиране на актуализациите на интерфейса. Вместо директно да променя DOM на браузъра, React първо актуализира виртуалното представяне на дървото от елементи в паметта, го сравнява с предишната версия (процес, наречен "reconciliation") и изчислява минималния набор от промени, необходими за актуализиране на реалния DOM. Това подобрява производителността и намалява броя на скъпите операции с DOM.

Пример:

const element = <div>Hello, world!</div>;
// React създава виртуално дърво от елементи
// При промяна на състоянието, React ще актуализира виртуалния DOM,
// ще го сравни с предишния и ще приложи минималните промени към реалния DOM.