SMACSS如何识别模块中的内容？

Question

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

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

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

这只是一个例子，但我在尝试使用 SMACSS 时遇到了很多这样的困难。有人可以用简单明了的方式解释一下这部分吗？

Answer 1

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

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

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