css - SMACSS 如何识别要放入模块中的内容？

Question

我刚刚开始学习前端 Web 开发，几天前我熟悉了 SMACSS 方法论。我已经在官方网站和其他几篇文章中标出了这个概念。但我对模块仍然很困惑。

我的理解是我应该为布局内的任何小元素创建一个部分。

例如，假设有一个仅包含标题和段落的边栏。据我了解，侧边栏本身将用于布局。但是我应该在哪里设置标题和段落的样式呢？它们是要分开模块还是我应该简单地将它们写在布局中？

这只是一个例子，但我在尝试使用 SMACSS 时遇到了很多这样的问题。谁能用一种简单易懂的方式向我解释这部分内容？

Answer 1

我相信您可以做的最简单的事情就是学习如何在 react.js 中做基本的事情。如何使用 React 组件。它们基本上是独立的模块。每个组件都应该有自己的样式。

例如:https://blog.risingstack.com/the-react-way-getting-started-tutorial/#howshouldiimagineit

这张非常酷的图片描述了组件应该是什么。