Курс JavaScript ES6-модули. 06. CSS-модули

preview_player
Показать описание
🔥 Ссылка на ветку текущего урока

⭐️ Курс JavaScript-практика (модульное приложение)

⭐️ Ссылка на проект

⭐️ Ссылка на репозиторий проекта

⭐️ Используемые ресурсы

⭐ Пакеты
› npm i postcss-modules --save-dev
  1. Let's Code
  2. frontend
  3. javascript
  4. es6-modules
  5. практика
  6. обучение
Рекомендации по теме
Курс JavaScript ES6-модули. 0:23:35

Курс JavaScript ES6-модули. 06. CSS-модули

Курс JavaScript ES6-модули. 0:15:56

Курс JavaScript ES6-модули. 04. Компонент 'Корневой'. Подключение CSS...

ES6 #18 Модули 0:07:05

ES6 #18 Модули (Modules)

Курс JavaScript ES6-модули. 0:55:00

Курс JavaScript ES6-модули. 05. Компонент 'Список комиксов'...

Все про модули 0:13:17

Все про модули в JavaScript. Как делать import и export. Пример с кодом...

Курс JavaScript ES6-модули. 0:03:32

Курс JavaScript ES6-модули. 01. Обзор курса

EcmaScript 6 (ES6) 0:10:21

EcmaScript 6 (ES6) - Система модулей. Модули (Урок 13)

7. CSS модули 0:20:26

7. CSS модули

JavaScript ES6 - 2:08:53

JavaScript ES6 - Полный курс за 2 часа

Как начать использовать 0:17:49

Как начать использовать CSS-модули где угодно

[4] Модули CommonJS 0:04:42

[4] Модули CommonJS [Подготовка JS разработчика к интервью]

004. CSS Modules 0:38:53

004. CSS Modules — убрать нельзя оставить

Выполняем реальный проект 0:11:08

Выполняем реальный проект на JavaScript | ч.6 - Модуль с изображениями...

ECMAScript 6. Урок 0:48:08

ECMAScript 6. Урок 1. Введение в ES6, настройка простейшей сборки webpack...

Свежий взгляд на 0:17:30

Свежий взгляд на Gulp: функции и ES-модули

24. Блог на 0:10:33

24. Блог на React JS - CSS модули

Модули, слои, структура 0:41:23

Модули, слои, структура проекта, песочницы в JavaScript и Node.js...

Курс JavaScript ES6-модули. 0:27:05

Курс JavaScript ES6-модули. 02. Структура проекта. Node.js, NPM и Parcel

Знакомимся с классами 0:26:49

Знакомимся с классами ES6. Часть 1

Курс JavaScript ES6-модули. 0:28:56

Курс JavaScript ES6-модули. 03. Axios и работа с Marvel API

Модули через замыкания 0:15:08

Модули через замыкания в JavaScript

ES6: Урок 0. 0:05:55

ES6: Урок 0. Современный подход написания Front-end

Модули Node.js. Создание 0:33:30

Модули Node.js. Создание модулей, подключение, проект на модулях...

Урок 1. ES6 0:12:50

Урок 1. ES6 (EcmaScript 6). Настройка окружения

Комментарии
Автор

Уважаемому автору огромное спасибо за великолепный урок. Фактически автор реализовал архитектуру React на ванильном JS, очень интересно. Что касается проблем со свежим postcss-modules то нет никаких проблем. ) Файл .postcssrc не нужен, просто файлы стилей должны именоваться не так Comics.css, а вот так Comics.module.css, затем импорт как показано в видео и всё работает замечательно. Спасибо ещё раз!

lamthat
Автор

Уже сначала ставлю Лайк, а потом только начинаю смотреть! Спасибо за этот контент!

bogdan_redkin
Автор

Здравствуй, автор! Выражаю большую благодарность за труд и ясное изложение материала! Крепко жму руку)

ilyaprotsenko
Автор

Годнота подъехала! Благодарю от всей души!

fortunedays
Автор

Привет, есть ли все-таки решение проблеме что postcss ломает код? у меня в терминале ошибка @parcel/transformer-postcss: PostCSS config must have plugins, в гугле ничего толкового на эту тему

warcraft.mp
Автор

Здравствуйте, после установки postcss, все развалилось( Обновите пожалуйста эту часть видео.

willo
Автор

Если кому-то нужно будет еще решение нужно просто переименовать файл Comics.css на Comics.module.css

andrewsaveliev
Автор

А если писать стили по тегу, а не по классу, то они будут глобальные для всех ?

Edgar-pulc
Автор

Всем привет. Мне требует установить плагины на PostCSS, но даже установив (для примера автопрефиксер), выводит новую ошибку, что не удалось выставить значения по умолчанию. Помогите, пожалуйста

фывапр-ьг
Автор

проинсталировал postscc, прописал Ваши настройки....все вроде стало - дефолтный CSS сломался, вывелся на консоль объект classes....
Прописал за Вами классы по новому синтаксису в htmlContent их не видит....хоть

Решил uninstall postscc... вроде сломался parcel (npm run start - перестал работать). Пришлось переписывать ВСЕ в новой папке, переинсталить parcel и доделать все БЕЗ
Может у ВАС тоже когда-то были проблемы с postcss - расскажите как их решать. Заранее благодарен.

sergeypedko