Какая лучшая практика организации css в проекте react?
Доброго времени суток. Сейчас я использую следующую иерархию проекта реакт - для каждого компонента создаю отдельную папку, в которой лежит два файла - js с компонентом и css(обычный css-файл) для его стилизации, который подключаю к этому компоненту. В итоге у меня много css файлов, и нужно внимательно следить чтобы они никак не конфликтовали между собой - задавать специфические имена классов для каждого компонента и т.д. Начинаю думать что такая практика далеко не лучшая. Какая лучшая практика для хранения стилей разрастающегося проекта? Может ли условный sass / less помочь мне структурировать хранение стилей? Как вы решаете данный вопрос? Спасибо за любые подсказки.
Можно использовать css-modules.
Можно оставить твой подход, просто пользоваться БЭМ и scss, называя корневой класс по имени компонента(тогда конфликтов никаких не будет).
Решения css-in-js типа styled - популярны, но как по мне - ересь и грязь.
