Overzicht

Moderne webapplicaties zijn gebouwd op herbruikbare UI-componenten en hoe we ze ontwerpen, bouwen en delen is belangrijk. Deze specificatie heeft tot doel een formele, open standaard vast te stellen voor het bouwen van open-source UI-componenten voor het moderne web.

Het is mede geschreven door Hayden Bleasel en shadcn, met bijdragen van de open-sourcegemeenschap en geïnformeerd door populaire projecten in het React-ecosysteem.

Het doel is om open-sourceonderhouders en ervaren front-endontwikkelaars te helpen componenten te maken die composeerbaar, toegankelijk en gemakkelijk te adopteren zijn in verschillende projecten.

Wat is deze specificatie?

Deze specificatie is geen tutorial of cursus over React, noch een promotie voor een specifieke componentbibliotheek of register. In plaats daarvan biedt het richtlijnen op hoog niveau, beste praktijken en een gemeenschappelijke terminologie voor het ontwerpen van UI-componenten.

Door deze specificatie te volgen, kunnen ontwikkelaars ervoor zorgen dat hun componenten voldoen aan moderne verwachtingen en soepel kunnen integreren in elke codebase.

Voor wie is dit?

We schrijven dit voor onderhouders van open-sourceprojecten en ervaren front-endontwikkelaars die componentbibliotheken of designsystemen bouwen en verspreiden. We gaan ervan uit dat je vertrouwd bent met JavaScript/TypeScript en React.

Alle voorbeelden gebruiken React (met JSX/TSX) voor concreetheid, maar we hopen dat de fundamentele concepten toepasbaar zijn op andere frameworks zoals Vue, Svelte of Angular.

Met andere woorden: we hopen dat de filosofie van deze specificatie framework-onafhankelijk is — of je nu bouwt met React of een andere bibliotheek, je zou dezelfde principes van compositie, toegankelijkheid en onderhoudbaarheid moeten benadrukken.