Как происходит перерисовка в React

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

`, а не весь DOM