Какие плюсы и минусы Virtual DOM?

Virtual DOM — компромиссное инженерное решение: он покупает удобство декларативной разработки ценой дополнительного слоя вычислений.

Плюсы

• Декларативность без ручной оптимизации — разработчик описывает конечный вид UI, а минимальный набор DOM-операций вычисляет React. Не нужно помнить, какие узлы обновить при изменении данных.
• Батчинг и минимальность обновлений — изменения применяются к реальному DOM пакетом и только там, где дерево реально отличается; меньше reflow/repaint.
• Предсказуемость — UI всегда функция состояния; нет «забытых» кусков интерфейса с устаревшими данными.
• Переносимость — виртуальное дерево не привязано к браузеру: тот же код рендерится на сервере (SSR) и в нативные вью (React Native).
• Основа для конкурентного рендеринга — работу над виртуальным деревом можно прерывать и возобновлять (Fiber, приоритеты обновлений).

Минусы

• Накладные расходы — на каждое обновление создаются новые объекты дерева и выполняется дифф. Для точечного изменения ручной element.textContent = x быстрее.
• Память — в памяти живут копии дерева.
• Не серебряная пуля производительности — при плохой структуре состояния диффятся огромные поддеревья; всё равно нужны React.memo, виртуализация списков и правильная архитектура.
• Фреймворки без Virtual DOM (Svelte, Solid, Vue Vapor) показывают, что точечные подписки на данные могут быть эффективнее диффа.

Коротко для собеседования

Плюсы Virtual DOM: декларативность, минимальные батченные обновления DOM, предсказуемость, переносимость (SSR, React Native), фундамент конкурентного рендеринга. Минусы: дифф и создание деревьев не бесплатны, память, и он не отменяет необходимость оптимизаций — прямые манипуляции DOM в точечных случаях быстрее.