стили переносить в компонент который будет служить оберткой для других компонентов с целью применения этих стилей?
Типо layOut хочешь сделать?
ну как отдельный кейс да можно рассматривать как лейаут
Я так понял проблема в том , что некий код стилей часто повторяется в компонентах? На сколько я знаю SCSS позволяет заключить набор стилей в переменную и позднее через нее обращаться к стилям через разные компоненты.
да, но тогда получим дублирование кода в стилях
Ну на худой конец в style.css вынесите часто используемые стили. Хотя не уверен, что практика хорошая
вот оно как раз сейчас там, и мне это не нравится, вроде как если сделать компонент ради лейаута, то должно решить проблему, но я не уверен что есть такой подход
Я думаю ничего страшного все таки , если в главном цсс файле будут часто используемые стили. Но конечно если они используются 2-3 раза то выносить их не стоит. Я так считаю ))
Лучше разбейте на файлы основной. Городить лишние сущности обёртки плохое решение. Пропишите миксины, классы утилиты, роспихайте по файлам и где надо юзайте импортируя нужный файл Файлы называйте с нижним подчеркиванием в начале, и не будет дублирования
Дак, в принципе, у вас всегда есть компонент контейнер
Если так делать то стили же все равно дублируются
Как минимум под капотом, в браузере Для разработки это отличный вариант
ок, но лейаут представляет из себя некоторую структуру, классы все равно придется руками задать и затем уже тащить к ним нужные стили из _vars.scss например
Обсуждают сегодня