Как работать с контекстом

Контекст (Context) в React позволяет передавать данные через дерево компонентов без явной передачи пропсов на каждом уровне. **Создание контекста:** ```jsx const MyContext = React.createContext(defaultValue); ``` **Использование:** ```jsx // Провайдер передаёт значение // Потребитель получает значение const value = useContext(MyContext); ``` **Нюансы:** - Контекст лучше использовать для глобальных данных (тема, авторизация). - Избегайте частых обновлений, так как это приводит к ререндерам всех потребителей. - Для оптимизации можно мемоизировать значение провайдера. **Пример:** ```jsx const ThemeContext = React.createContext('light'); function App() { return ( ); } function Toolbar() { const theme = useContext(ThemeContext); return

; } ```