Как работает Context в React

Context в React позволяет передавать данные через дерево компонентов без явной передачи пропсов на каждом уровне. Он решает проблему "проп дриллинга". Основные этапы работы: 1. Создание контекста через `React.createContext()` 2. Обертывание компонентов в Provider (``) 3. Использование контекста в дочерних компонентах через `useContext()` или `` Пример: ```jsx const ThemeContext = React.createContext('light'); function App() { return ( ); } function Toolbar() { const theme = useContext(ThemeContext); return

; } ``` Важные нюансы: - Контекст лучше использовать для глобальных данных (тема, авторизация, локализация) - Изменение значения в Provider приводит к ререндеру всех потребителей - Для оптимизации можно мемоизировать значение контекста