Почему нельзя напрямую использовать браузерный DOM вместо Virtual DOM

Virtual DOM — это оптимизация. Прямая работа с браузерным DOM медленнее, потому что каждое изменение вызывает рефлоу и репайнт. Virtual DOM собирает изменения в памяти, затем применяет их минимальным набором операций к реальному DOM. Пример: ```jsx // React (Virtual DOM) const App = () => { const [count, setCount] = useState(0); return setCount(c => c + 1)}>{count}; } // Нативный DOM (медленнее при частых обновлениях) button.addEventListener('click', () => { button.textContent = +button.textContent + 1; // Каждое изменение — рефлоу }); ``` Ключевые преимущества Virtual DOM: 1. Батчинг обновлений 2. Минимизация операций с реальным DOM 3. Кросс-платформенность (React Native, SSR) 4. Проще абстракция для разработчика