3 года назад
Создаем темный режим, используя React и Styled Components
Источник: Nuances of Programming Темный режим является сегодня весьма востребованной и полезной функциональностью веб-приложений. При просмотре веб-страниц в ночное время многие люди предпочитают использовать затемненный экран, чтобы не напрягать глаза. Рассмотрим, как можно реализовать темную тему с помощью React и styled-components. Итак, начинаем! Настройка проекта Собираясь создать очень простую функциональность темного режима мы будем использовать инструмент create-react-app. Для начала надо с помощью этого инструмента определить проект React...
3 года назад
Светлый и темный режимы в веб-приложениях React на основе CSS Tailwind
Источник: Nuances of Programming Ниже представлены основные функции будущего приложения. Можете посмотреть демонстрацию в live-режиме здесь: В этом руководстве используются Visual Studio Code в качестве редактора и Netlify для развертывания приложения. Допустимы и другие инструменты. Вот что вы узнаете из этого руководства. Хорошо, начнем! Как установить CSS Tailwind с помощью Create React App Вначале несколько слов о Tailwind CSS. Официальная платформа TailwindCSS призывает пользователей: “Быстро создавайте современные веб-сайты, никогда не покидая HTML”...