Überblick

Moderne Webanwendungen basieren auf wiederverwendbaren UI-Komponenten, und wie wir sie entwerfen, erstellen und teilen, ist wichtig. Diese Spezifikation zielt darauf ab, einen formalen, offenen Standard für den Aufbau von Open-Source-UI-Komponenten für das moderne Web zu etablieren.

Sie wurde gemeinsam verfasst von Hayden Bleasel und shadcn, mit Beiträgen aus der Open-Source-Community und orientiert an populären Projekten im React-Ökosystem.

Ziel ist es, Open-Source-Maintainer und erfahrene Frontend-Entwickler dabei zu unterstützen, Komponenten zu erstellen, die komponierbar, zugänglich und einfach projektübergreifend übernehmbar sind.

Worum geht es in dieser Spezifikation?

Diese Spezifikation ist kein Tutorial oder Kurs zu React und keine Werbung für eine bestimmte Komponentenbibliothek oder ein Registry. Stattdessen bietet sie Leitlinien auf hoher Ebene, Best Practices und eine gemeinsame Terminologie für das Design von UI-Komponenten.

Wenn Entwickler diese Spezifikation befolgen, können sie sicherstellen, dass ihre Komponenten modernen Erwartungen entsprechen und sich reibungslos in jede Codebasis integrieren lassen.

Für wen ist diese Spezifikation?

Wir richten uns an Open-Source-Maintainer und erfahrene Frontend-Entwickler, die Komponentenbibliotheken oder Designsysteme erstellen und verbreiten. Wir gehen davon aus, dass Sie mit JavaScript/TypeScript und React vertraut sind.

Alle Beispiele verwenden zur Verdeutlichung React (mit JSX/TSX), aber wir hoffen, dass die grundlegenden Konzepte auch für andere Frameworks wie Vue, Svelte oder Angular gelten.

Mit anderen Worten: Wir hoffen, die Philosophie dieser Spezifikation ist frameworkunabhängig – egal ob Sie mit React oder einer anderen Bibliothek arbeiten, Sie sollten dieselben Prinzipien der Komposition, Barrierefreiheit und Wartbarkeit betonen.