SMACSS wie identifiziert man, was man in Module steckt?

Question

Ich habe gerade angefangen, Front-End-Web-Entwicklung zu lernen und vor ein paar Tagen habe ich mich mit SMACSS-Methodik vertraut gemacht. Ich habe das Konzept auf der offiziellen Website und ein paar andere Artikel redigiert. Aber ich bin immer noch sehr verwirrt mit Modulen.

Was ich verstanden habe, ist, dass ich eine partielle für jedes kleine Element erstellen soll, das in einem Layout ist.

Zum Beispiel sagen wir, dass es eine Seitenleiste gibt, die nur Überschrift und Absatz enthält. Wie ich verstanden habe, wird die Sidebar selbst zu Layouts gehen. Aber wo soll ich Schlagzeile und Absatz stylen? Werden sie Module trennen oder einfach einfach in das Layout schreiben?

Dies ist nur ein Beispiel, aber ich habe eine Menge Probleme, wenn ich SMACSS benutze. Kann mir bitte irgendjemand diesen Teil auf einfache und einfache Weise erklären?

Answer 1

Ich glaube, dass die einfachste Sache, die Sie tun können, ist, grundlegende Dinge in react.js zu tun. Wie man mit reagierenden Komponenten arbeitet. Sie sind im Grunde separate Module. Jede Komponente sollte ihre eigenen Stile haben.

Schauen Sie hier zum Beispiel: https://blog.risingstack.com/the-react-way-getting-started-tutorial/#howshouldiimagineit

Es ist das wirklich cool Bild, das, was Komponente sein sollte beschreibt.