Какой тип данных у Virtual DOM

Virtual DOM — это не отдельный тип данных, а концепция. Обычно он реализуется как легковесный JavaScript-объект (чаще всего plain object), который представляет текущее состояние реального DOM.

Пример структуры:

{
  type: 'div',
  props: { className: 'container' },
  children: [
    { type: 'h1', props: {}, children: ['Hello'] },
    { type: 'p', props: { id: 'desc' }, children: ['World'] }
  ]
}

Ключевые особенности:

• Имеет древовидную структуру
• Содержит только необходимые для рендеринга данные
• Быстрее для сравнения, чем реальный DOM
• Обновляется при изменении состояния приложения