React с Нуля 13: Больше не нужен CSS файл. Styled Components

В этом видео курса React с нуля мы избавляемся от CSS файлов с помощью react styled components и инкапсулируем стили! 🧙‍♂️ плейлист "React ПОЛНОЕ погружение":    • React: ПОЛНОЕ Погружение (От Новичка до Пр...   Рассмотрим, 2 способа как изолировать название классов: через css modules и styled components. Углубимся в использование Styled Components для стилизации React компонентов прямо в JavaScript. Это современный и эффективный способ управления стилями Вы узнаете, как писать CSS-in-JS, создавая стилизованные компоненты прямо в коде JavaScript. Это позволяет: ✅ Исключить конфликты стилей ✅ Добавлять динамику в css ✅ Улучшить читаемость кода ✅ Упростить поддержку и рефакторинг Так-же рассмотрим как использовать css modules в react 🎁 Супер-Бонус! Заберите готовый код примера маршрутизации по разделам:
00:00 Тема которая накипела 01:26 Не стоит использовать одинаковые селекторы 01:50 Использование сss modules 03:00 пример использования css modules 04:14 зачем нужна библиотека styled components 07:55 props в стилях с помощью styled 09:00 как добавить тему и её изменять 12:18 инкапсуляция стилей 18:58 как еще использовать styled components

Смотрите также