Как происходит отрисовка элементов на странице в React

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

`, а не весь элемент