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

Question

我刚刚开始学习前端Web开发，几天前我熟悉了SMACSS方法。我在官方网站上发布了这个概念以及其他一些文章。但我仍然对模块感到困惑。

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

例如，让我们说，有一个侧边栏只包含标题和段落。据我了解，侧边栏本身将用于布局。但是我应该在哪里标题和段落？他们是要分开模块还是我应该只是在布局中写出来？

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

Answer 1

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

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

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