Что происходит в браузере при перерисовке компонента

При перерисовке компонента React выполняет Reconciliation — процесс сравнения предыдущего и нового Virtual DOM. Если обнаруживаются различия, React обновляет реальный DOM только в изменённых местах. **Основные этапы:** 1. Вычисление нового VDOM 2. Сравнение с предыдущим VDOM (Diffing Algorithm) 3. Пакетное обновление реального DOM **Пример:** ```jsx function Counter() { const [count, setCount] = useState(0); return setCount(c => c + 1)}>{count}; } ``` При клике React: 1. Создаёт новый VDOM с обновлённым `count` 2. Сравнивает только изменённый текст кнопки 3. Обновляет только текстовый узел в реальном DOM **Оптимизации:** - Использование `React.memo` - Правильные зависимости хуков - `key` для списков