#reactjs #javascript #frontend #typescript 00:00 Создание контекста и провайдера • Создание контекста для хранения темы, определение типа темы (Light или Dark) и варианта System. • Объявление контекста для провайдера, который принимает children и дефолтную тему. 01:10 Использование провайдера • Передача значения темы в контекст провайдера, хранение темы в локальном состоянии. • Использование функции SetTheme для установки темы в локальное состояние и применения темы к корневым элементам приложения. 03:20 Использование хука useTheme • Создание хука useTheme для использования контекста темы и вывода темы на экран. • Создание переключателя для изменения темы, отображение соответствующего текста в зависимости от темы. • Добавление CSS стилей для тёмной и светлой темы. В этом видео вы узнаете, как добавить тёмную тему в React-приложение. Мы рассмотрим создание контекста и провайдера для хранения темы, использование провайдера для передачи значения темы в локальное состояние, а также применение хука useTheme для вывода темы на экран. Вы также увидите, как создать переключатель для изменения темы и добавить CSS стили для тёмной и светлой темы. Это видео будет полезно для разработчиков, работающих с React и JavaScript. (или нет) Подписывайтесь на телеграмм, будем готовиться к собесам: Подписывайтесь на boosty:
