SMACSS, как определить, что положить в модули?

Question

Я только начал изучать интерфейсную веб-разработку и несколько дней назад познакомился с методологией SMACSS. Я изложил концепцию на официальном сайте и в нескольких других статьях. Но я все еще очень запутался с модулями.

Что я понял, так это то, что я должен создать частичное для любого маленького элемента, который находится внутри макета.

Например, скажем, что есть боковая панель, которая содержит только заголовок и абзац. Как я понял, сама боковая панель пойдет на раскладки. Но где я должен оформить заголовок и абзац? Собираются ли они разделять модули или мне просто нужно написать их в макете?

Это только пример, но у меня много таких проблем, когда я пытаюсь использовать SMACSS. Может ли кто-нибудь объяснить мне эту часть в простой и простой способ?

Answer 1

Я считаю, что самое простое, что вы можете сделать, это научиться делать основные вещи в react.js, Как работать с реагирующими компонентами. Это в основном отдельные модули. Каждый компонент должен иметь свои собственные стили.

Посмотрите здесь, например: https://blog.risingstack.com/the-react-way-getting-started-tutorial/

Есть это действительно классное изображение, которое описывает, что должно быть компонентом.