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
🎁 Супер-Бонус! Заберите готовый код примера маршрутизации по разделам: https://github.com/MrAlexandder/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