Стилизация компонентов в React: CSS SCSS и CSS-модули. Почему не Tailwind и не CSS-in-JS

Получить весь курс 22 урока сразу: Разберёмся как правильно стилизовать компоненты в React. Покажу как сейчас подключены все стили проекта через main.jsx и объясню почему это не лучшая идея. Перенесём стили из srcstylescomponents внутрь компонентов и подключим их напрямую. Переведём обычные CSSSCSS-файлы в модульные .module.scss переименуем классы из БЭМ-нотации в camelCase и обновим разметку. Расскажу как работают CSS-модули зачем они нужны и почему при таком подходе не возникает конфликтов классов. Обсудим альтернативы: Tailwind и CSS-in-JS в чём их особенности зачем они вообще нужны и почему я сознательно не использую их в этом курсе. В конце вы получите чистую модульную систему стилей где каждый компонент отвечает за свои классы. Ранний доступ к видео и доступ к закрытому чату: Timeline: 00:00 Введение 00:51 Обзор текущей системы стилей 01:53 Подключаем стили напрямую в компонент 04:00 Препроцессор стилей Sass SCSS 05:21 Перевод стилей на CSS-модули 18:22 Почему не Tailwind и не CSSinJS 20:17 Заключение Ссылки из видео: Код на конец урока: Tailwind CSS: Styled Components: Основной телеграм-канал: Коммьюнити-чат в телеграме помощь новичкам: Бесплатные курсы на канале: HTML: CSS: JS: A11y: Frontend Roadmap: Мастер-класс по верстке для новичков: Мастер-класс по верстке для продвинутых БЭМ SCSS: Мастер-класс по верстке с практикой по JavaScript: Мастер-класс по верстке на стеке JSX SCSS JS Vite Minista SSG БЭМ: Автор: Личный сайт: Telegram: Boosty: GetMentor: Stepik платные курсы и мастер-классы: frontend фронтенд react reactjs,

#Frontend #React #Reactjs #Фронтенд