Задать вопрос
Kentavr16
@Kentavr16
long cold winter

Какая лучшая практика организации css в проекте react?

Доброго времени суток. Сейчас я использую следующую иерархию проекта реакт - для каждого компонента создаю отдельную папку, в которой лежит два файла - js с компонентом и css(обычный css-файл) для его стилизации, который подключаю к этому компоненту. В итоге у меня много css файлов, и нужно внимательно следить чтобы они никак не конфликтовали между собой - задавать специфические имена классов для каждого компонента и т.д. Начинаю думать что такая практика далеко не лучшая. Какая лучшая практика для хранения стилей разрастающегося проекта? Может ли условный sass / less помочь мне структурировать хранение стилей? Как вы решаете данный вопрос? Спасибо за любые подсказки.
  • Вопрос задан
  • 77 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Aetae
@Aetae
Тлен
Можно использовать css-modules.
Можно оставить твой подход, просто пользоваться БЭМ и scss, называя корневой класс по имени компонента(тогда конфликтов никаких не будет).
Решения css-in-js типа styled - популярны, но как по мне - ересь и грязь.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@karminski
Senior React.JS Developer
Чтобы css не конфликтовали придумали css-modules
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽