CSS архитектура, 7-1 и стилизованные компоненты - PullRequest
0 голосов
/ 03 октября 2019

Помимо многих замечательных вещей с компонентами Styled и, как правило, CSS-in-JS, когда база кода растет и появляется все больше разработчиков, все может стать очень запутанным.

Некоторые вещи, связанные с CSS и SCSS, такие как шаблоны 7-1 (https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture), если они настроены правильно и поставляются с некоторыми руководствами о том, как работает макет интерфейса и компоненты, вещи могут стать достаточно плавными и организованными иновые люди могут легко подключиться к базе кода и написать достойный CSS, даже если они ненавидят его или не знают.

Мне нравится мощь компонентов Styled и CSS-in-JS, все это может бытьна что-то удивительное ... но все же я нахожу довольно тяжелым поддерживать в больших масштабах.

Меня интересует баланс этих двух, имеет ли смысл искать такой баланс прежде всего? Что вы предлагаете для чего-то похожего на шаблоны 7-1 для styled-components?

1 Ответ

1 голос
/ 03 октября 2019

CSS-in-JS сближает стиль и поведение, вот и весь смысл. Поэтому имеет смысл держать ваши файлы стилей как можно ближе к вашим компонентам, что противоположно тому, что предлагает 7-1. Если вы хотите полностью разделить стиль и компоненты, возможно, CSS-in-JS не лучший подход.

Для общих переменных очень полезны темы: https://www.styled -components.com / docs/ продвинутая # Тематизация . Он также поставляется с дополнительным бонусом, позволяющим вам иметь несколько различных тем и легко переключаться между ними.

...