CSS in JS neu denken
(dev.to)CSS ist ein Kernelement, das Benutzeroberflächen schön und funktional macht, aber je größer der Maßstab wird, desto schwieriger wird die Verwaltung von CSS.
Stilkonflikte, Leistungseinbußen und Schwierigkeiten bei der Wartung plagen viele Entwickler.
Dieser Artikel erläutert ausführlich neue Ansätze zur Lösung dieser Probleme, insbesondere CSS in JS.
Ausgehend vom historischen Hintergrund von CSS behandelt er ein breites Themenspektrum – von modernen Styling-Methoden bis hin zu künftigen Designsystemen.
Der Aufbau des Artikels ist wie folgt.
- Definition und Hintergrund von CSS in JS
1. Was ist CSS in JS?
2. Hintergrund von CSS in JS - Historischer Kontext von CSS und Design
3. Hintergrund von CSS
4. Hintergrund von Design
5. Hintergrund von Designsystemen - Analyse von Methoden zur Stilverwaltung und neue Vorschläge
6. Wie wurde Stilverwaltung bisher durchgeführt?
7. Wie sollte Stilverwaltung erfolgen? - Konkreter Implementierungsplan für CSS in JS
8. Warum gibt es CSS in JS?
9. Vorstellung des mincho-Projekts
10. CSS-freundliches CSS in JS
11. Skalierbares CSS in JS - Integration mit Designsystemen
12. CSS in JS für Designsysteme
Insbesondere stellt dieser Artikel die SCALE-CSS-Methodik und das neue Konzept StyleStack vor und schlägt darauf aufbauend das mincho-Projekt vor. Ziel ist es, CSS-freundliches und skalierbares CSS in JS umzusetzen.
Das letztliche Ziel dieses Artikels ist es, Entwicklern, Designern und anderen Stakeholdern von Webprojekten die Möglichkeit besserer Styling-Lösungen aufzuzeigen.
Vielen Dank fürs Lesen dieses langen Artikels.
3 Kommentare
Es tut mir leid, dass das keine Zustimmung für das Projekt ist, aber ich denke, die Frontend-Branche sollte mit einer etwas langfristigeren Perspektive stärker breit akzeptierte Tools oder Konventionen schaffen. Aus der Sicht von jemandem, der bereits einiges an Stack-Erfahrung mit SCSS, LESS, AngularJS, Angular 2.0, React usw. hat, wirken neue Frontend-Technologien stärker overengineert als nötig und verschwenderisch.
Wenn es im Web einen Konsens gibt, dann sind es die Webstandards. In CSS werden Verschachtelungen wie in SCSS eingeführt, und auch Klassen, funktionale Programmiermethoden, Web Components und mehr werden fortlaufend diskutiert und um neue Funktionen erweitert.
Meiner Meinung nach ist das Frontend selbst noch nicht lange genug ausdifferenziert, sodass man offenbar noch dieses und jenes ausprobiert.
Angefangen bei Bibliotheken wie React und Vue bis hin zu Bundlern, Lintern und dem gesamten Tooling.
Außerdem scheint die Verwirrung groß zu sein, weil – anders als im App-Bereich – nicht ein einzelnes Unternehmen Best Practices festlegt und verbreitet!!