CSS modules в Create React App, простым языком

Расскажу о том, что такое CSS modules и как его использовать в приложениях Create React App. Также расскажу о том, как заставить работать CSS модули в приложениях созданных с помощью create-react-app.

Мой Telegram канал

Вы можете поддержать мой канал:

[hykoza]

Всё чётко и понятно! Спасибо за контент!

[evgenya_pan]

Искала как задать класс из переменной, при этом чтоб было несколько классов. Допустим, нам надо чтобы у дива были классы "cell" + класс по названию свойства объекта "cell.color".Нигде не говорится об этом, вот что нашла: подключаем библиотеку classnames. Пишем className = {classNames(styles.cell, styles[`${cell.color}`])}

[rw_machine]

Отличное объяснение, молодец Дмитрий! :)

[водокачка]

Здравствуйте! Подскажите, как настроить поддержку css для старых браузеров для css-модулей?

[ypscblz]

Добрый день. Подскажите плиз, как вы обходите ситуацию когда в css модуле дочернего компонента нужно обратиться к элементу из родительского ? Например .parent:hover .child{filter: blur(3px)}. Каждый компонент имеет свой module.css. ??? Или в этом случае лучше использовать 1 module.css на оба компонента ?

[mephisto]

а как БЭМ использовать? если синтаксис класса возможен только в camelCase

[sailoks]

А можно использовать такой способ с scss?

[mishakrasnonos]

с коробки он не работатет, установил реакт с тс и ругается на импорт модуля

[rasuld]

А вы видели по чем колбаса ? 1450₽ за 150 Гр. Свиная. ( ору). Спасибо за ролик. Было полезно.

[theoty-js]

Create app react next js jsx cms less scss canvas next action reducer

[qehrvec]

сори, не по теме)
5 декабря, а на улице +18?) гуд погодка)

[weiter-infos]

Как второй класс добавить ? если уже рассказывать так рассказать доконца может