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