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

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

`, а не весь DOM