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

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