Что такое Virtual DOM в React?

Virtual DOM — описание UI в JavaScript-структурах, которое React использует при вычислении изменений перед применением их к настоящему DOM.

При render React получает новое дерево элементов и сопоставляет его с предыдущим с учётом типов и keys. Это не полная копия всех browser-свойств и не гарантия превосходства любой ручной DOM-операции. Реальный DOM обновляется на commit-этапе, а render может не приводить к его изменению.