Comments 4
Привет, спасибо за статью!
У меня такой вопрос - а как быть с повторениями? У меня есть 2 компоненты где специфичная стилизация таблиц, 90% кода совпадает, этого недостаточно чтобы их вывести в глобальной стиль но и непонятно как объединит общую часть стилей, и ещё вопрос - а нужно ли? Ведь это разные компоненты по сути.
Хотелось бы услышать ваше мнение.
Добрый день!
Я бы предложил сделать миксин или отдельный файл с повторяющимися стилями и подключать его:
В стилевом файле компонента (если это миксин)
В массиве стилей компонента (если это отдельный файл)
Но если у вас помимо стилей совпадаем еще также и разметка с логикой, я бы сделал из общей части отдельный компонент.
Для построения UI использую библиотеку, в некоторых случаях приходится изменять стили вложенных элементов компоненты (то есть нет возможности непосредственно изменить сам компонент), логика где компонент это одно целое очень хорошая, но ведет к повторению. Тоже думал на тему чтобы использовать миксины, хотя - опять таки, сложно вывести какую то общую часть в стилях не говорю уже об общей компоненте. Видимо с этим только жить ))
Спасибо!
Для себя решил так.
Использую комбинацию двух методик организации стилей
Применяю в компоненте БЭМ
Для позиционирования этих компонентов на странице примеяю методологию AtomCSS
про различные методологии можно почитать тут https://habr.com/ru/post/256109/
стили с переопределениями стилей из библиотек размещаю в каталоге styles/[lib-name]
Angular, инкапсулируй это