
Ein Design-System aufbauen: Von Tokens zu Komponenten
Design-Tokens, Komponenten-APIs und die organisatorischen Muster, die ein Design-System zu einem Multiplikator statt zu einem Wartungsrisiko machen.
Tags
5 Artikel

Design-Tokens, Komponenten-APIs und die organisatorischen Muster, die ein Design-System zu einem Multiplikator statt zu einem Wartungsrisiko machen.

Erstelle wirklich responsive Komponenten mit CSS Container Queries, die sich an der Größe ihres Containers statt am Viewport orientieren und so wiederverwendbare Layouts ermöglichen, die in Seitenleisten, Modals und Hauptinhaltsbereichen ohne Änderungen funktionieren.

Erfahre, wie CSS Container Queries es dir ermöglichen, wirklich responsive Komponenten zu bauen, die sich an die Größe ihres Elternelements statt an den Viewport anpassen – für portable UI-Module, die in jedem Layout-Kontext funktionieren.

Wie man wirklich wiederverwendbare Custom React Hooks entwirft – mit Kompositionsmustern, Teststrategien, State-Kapselung und häufigen Anti-Patterns, die man vermeiden sollte.

Wie CSS Container Queries es Komponenten ermöglichen, auf die Größe ihres Eltern-Containers statt auf den Viewport zu reagieren — für wirklich wiederverwendbare responsive Komponenten.