Зачем нужен Virtual DOM в React

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