Как устроен React

React — это библиотека для создания пользовательских интерфейсов на основе компонентов. Он использует виртуальный DOM для эффективного обновления реального DOM, минимизируя прямые манипуляции с ним. **Основные принципы:** 1. **Компоненты** — строительные блоки UI, могут быть классовыми или функциональными (с хуками). 2. **Состояние (state)** — внутренние данные компонента, изменение которых вызывает ререндер. 3. **Props** — входные данные, передаваемые от родителя к дочернему компоненту. 4. **Жизненный цикл** — методы (в классах) или хуки (в функциях), например, `useEffect`. **Пример функционального компонента:** ```jsx import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return ( setCount(count + 1)}> Clicked {count} times ); } ``` React использует односторонний поток данных и JSX для описания UI. Оптимизации (например, React.memo) помогают избежать лишних ререндеров.