Как React рендерит элементы

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