Как React работает с Virtual DOM

React использует Virtual DOM для оптимизации обновлений реального DOM. При изменении состояния компонента React создает новый Virtual DOM (легковесную копию реального DOM), сравнивает его с предыдущим (diffing алгоритм) и определяет минимальный набор изменений (reconciliation). Затем эти изменения применяются к реальному DOM. Пример: ```jsx function Counter() { const [count, setCount] = useState(0); return ( ); } ``` При клике React: 1. Создает новый Virtual DOM 2. Сравнивает с предыдущим 3. Обновляет только текст внутри `

`, а не весь компонент Преимущества: - Минимизация дорогих операций с реальным DOM - Автоматическая оптимизация обновлений - Кроссплатформенность (React Native использует аналогичный подход)