Oversikt

Moderne webapplikasjoner er bygd på gjenbrukbare UI-komponenter, og hvordan vi designer, bygger og deler dem er viktig. Denne spesifikasjonen har som mål å etablere en formell, åpen standard for å bygge UI-komponenter med åpen kildekode for det moderne nettet.

Det er medforfattet av Hayden Bleasel og shadcn, med bidrag fra det åpne kildekode-fellesskapet og informert av populære prosjekter i React-økosystemet.

Målet er å hjelpe vedlikeholdere av åpen kildekode-prosjekter og erfarne front-end-ingeniører med å lage komponenter som er komponerbare, tilgjengelige og enkle å ta i bruk på tvers av prosjekter.

Hva er denne spesifikasjonen?

Denne spesifikasjonen er ikke en veiledning eller et kurs om React, heller ikke en promotering av noe bestemt komponentbibliotek eller register. I stedet gir den overordnede retningslinjer, beste praksis og en felles terminologi for å designe UI-komponenter.

Ved å følge denne spesifikasjonen kan utviklere sikre at komponentene deres er i tråd med moderne forventninger og kan integreres sømløst i enhver kodebase.

Hvem er dette for?

Vi skriver dette for vedlikeholdere av prosjekter med åpen kildekode og erfarne front-end-ingeniører som bygger og distribuerer komponentbiblioteker eller designsystemer. Vi forutsetter at du er kjent med JavaScript/TypeScript og React.

Alle eksempler vil bruke React (med JSX/TSX) for konkretisering, men vi håper de grunnleggende konseptene gjelder for andre rammeverk som Vue, Svelte eller Angular.

Med andre ord håper vi at spesifikasjonens filosofi er rammeverksuavhengig – enten du bygger med React eller et annet bibliotek, bør du legge vekt på de samme prinsippene for komposisjon, tilgjengelighet og vedlikeholdbarhet.