Как React работает под капотом

React использует виртуальный DOM (VDOM) для эффективного обновления UI. При изменении состояния: 1. React создает новый VDOM-дерево 2. Сравнивает его с предыдущим (реконсиляция, diffing algorithm) 3. Определяет минимальные изменения (diff) 4. Пакетно применяет их к реальному DOM Пример ререндера: ```jsx function Counter() { const [count, setCount] = useState(0); return ( setCount(c => c + 1)}> Clicked {count} times ); } ``` Ключевые механизмы: - Однонаправленный data flow - Fiber architecture (с React 16) для инкрементального рендеринга - Пакетные обновления (batching) - Event delegation для обработчиков React избегает прямых манипуляций с DOM, что дает: - Лучшую производительность - Более предсказуемое поведение - Кроссплатформенность (React Native, React DOM)