文章/答案/技术大牛

发布

问CSS架构、7-1和样式组件
EN

Stack Overflow用户

提问于 2019-10-03 21:57:10

回答 1查看 363关注 0票数 0

除了样式组件和通常的CSS- in -JS的许多伟大的东西，当代码库增长和更多的开发人员加入时，事情可能会变得非常混乱。

围绕CSS和SCSS的一些东西，比如7-1模式(https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture)，如果设置正确，并提供了一些关于界面布局和组件如何工作的指南，事情就会变得非常流畅和有条理，新人可以很容易地加入到代码库中，写出一个像样的CSS，即使他们讨厌它或不知道它。

我喜欢样式组件和CSS-in-JS的强大功能，所有这些都可以成为令人惊叹的东西……但我发现要大规模地维护它是相当困难的。

我感兴趣的是这两者的平衡，首先寻求这样的平衡有意义吗？对于类似于7-1样式组件的模式，您有什么建议？

发布于 2019-10-03 23:09:51

CSS-in-JS将风格和行为更紧密地结合在一起，这就是关键所在。因此，让你的样式文件尽可能地靠近你的组件是有意义的，这与7-1的建议相反。如果您想要完全分离样式和组件，也许CSS-in-JS不是最好的方法。

对于共享变量，主题非常有用：https://www.styled-components.com/docs/advanced#theming。它还带来了额外的好处，允许你有多个不同的主题，并在它们之间轻松切换。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58220728

复制

相似问题

问CSS架构、7-1和样式组件EN