Ich schätze eine reale Fallstudie einer Technologie wirklich. Nicht nur, was diese Technologie *kann*, sondern *warum* sie ausgewählt wurde und *wie* sie für ein Team funktionierte. Jeder kann die Dokumentation lesen, aber was man nach Jahren des realen Gebrauchs weiß, ist weitaus wertvoller. Kitty Giraudel
Ich möchte die Entscheidung, mich für Fela zu entscheiden und nicht für eine andere CSS-in-JS-Bibliothek, von der Sie vielleicht schon gehört haben, angemessen reflektieren.
Ich hatte noch nie von Fela gehört. Für mich ist der interessanteste Teil die "atomare" Ausgabe. Es sieht so aus, als würden alle Verwendungen eindeutiger property: value-Paare zu einer eindeutigen Klasse kombiniert und dann alle notwendigen Klassen dem notwendigen DOM-Knoten zugewiesen. Ich bin sicher, dass das Ergebnis eine ziemlich unansehnliche Klassenausgabe ist. (Ich würde vorschlagen, auch vernünftige Styling-Hooks für Dinge zu verwenden, für Menschen.) Aber ich würde denken, dass der Teil des CSS, der generiert und auf die Seite angewendet wird, letztendlich so klein wie möglich ist, da er nichts Wiederholendes enthält. Das ist einer der Vorteile jedes gut konfigurierten atomaren Klassen-Workflows: winziges CSS.
Fela ist auch der Name des Gründers des nigerianischen Afrobeat. Es ist seltsam, ihn jetzt als Namen einer CSS-Bibliothek zu sehen. Chapeau
Atomares CSS-in-JS ist großartig.
Eine Sache, die ich besonders mag, ist die Möglichkeit, weniger von der Lade-/Einfügereihenfolge von CSS abhängig zu sein, und die Möglichkeit, sicherzustellen, dass, wenn Sie style={[red,blue]} schreiben, blue konsistent gewinnt, da es als letztes in der Deklaration steht.
Das ist nur mit atomarem CSS-in-JS möglich, nicht einmal Tailwind kann das garantieren.
Ich habe versucht, es in meinem Artikel hier zu erklären
https://sebastienlorber.com/atomic-css-in-js