CSS-модули, SASS/SCSS и сброс стилей в React-приложении
Как работать с CSS Modules в React-приложениях, использовать препроцессор SASS/SCSS вместе с Post-CSS обработкой, а также сбрасывать стили по умолчанию в базовом шаблоне Create-React-App. Всё необходимое идет для нас из коробки, разве что необходимо добавить пакет node-sass, если хотим использовать препроцессинг.
0:00 – Введение и создание проекта
1:47 – Для чего нужны CSS-модули
2:55 – Базовая структура компонента
5:41 – Стилизация React-компонентов
6:07 – Создание CSS-модулей
11:52 – Использование препроцессинга
14:13 – Сброс стилей
16:04 – Постобработка стилей
18:15 – Заключение
___
Мои курсы по вебу с купонами:
✅ https://mishanep.com/
📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/
Видео CSS-модули, SASS/SCSS и сброс стилей в React-приложении канала Михаил Непомнящий
0:00 – Введение и создание проекта
1:47 – Для чего нужны CSS-модули
2:55 – Базовая структура компонента
5:41 – Стилизация React-компонентов
6:07 – Создание CSS-модулей
11:52 – Использование препроцессинга
14:13 – Сброс стилей
16:04 – Постобработка стилей
18:15 – Заключение
___
Мои курсы по вебу с купонами:
✅ https://mishanep.com/
📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/
Видео CSS-модули, SASS/SCSS и сброс стилей в React-приложении канала Михаил Непомнящий
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Styled Components & React ПОЛНЫЙ КУРСReact или Vue или Angular. Что Выбрать?React & Redux #15 Контекст (Context)Тестирование React приложенияStop using @import with Sass | @use and @forward explainedReact Authentication with CookieПрепроцессоры SCSS/SASS. Все, что нужно знать для стартаLibrary vs Framework : В чем разница и как различать?Sass. Учим основы Sass - быстро и простоRedux Toolkit для управления состоянием в React-приложенииСтруктура проекта React (Архитектура приложения React)#6. Сброс стилей в CSS. Reset и normalize14. Уроки React JS (css-модули, css-modules)React-приложение на TypeScriptДелаем форму на React. Все самые сложные фичи за часCSS переменные. Как использовать при верстке сайта?Why I Love CSS Modules in Vue.jsLearn React Portal In 12 Minutes By Building A ModalReact Videocast #4: React Patterns / React Best Practices 2019 (Реакт паттерны)How to build customizable and reusable Vue components by Filip Rakowski