Ikhtisar
components.build adalah standar sumber terbuka untuk membangun komponen UI yang modern, dapat disusun, dan dapat diakses.
Aplikasi web modern dibangun di atas komponen UI yang dapat digunakan kembali dan cara kita merancang, membangun, serta membagikannya penting. Spesifikasi ini bertujuan untuk menetapkan sebuah standar terbuka yang formal untuk membangun komponen UI sumber terbuka bagi web modern.
Dokumen ini ditulis bersama oleh
Hayden Bleasel dan
shadcn, dengan kontribusi dari komunitas sumber terbuka dan diinformasikan oleh proyek-proyek populer di ekosistem React.
Tujuannya adalah membantu pemelihara sumber terbuka dan insinyur front-end senior membuat komponen yang dapat disusun, dapat diakses, dan mudah diadopsi di berbagai proyek.
Apa itu spesifikasi ini?
Spesifikasi ini bukanlah tutorial atau kursus tentang React, juga bukan promosi untuk pustaka komponen atau registri tertentu. Sebagai gantinya, ini menyediakan pedoman tingkat tinggi, praktik terbaik, dan terminologi umum untuk merancang komponen UI.
Dengan mengikuti spesifikasi ini, pengembang dapat memastikan komponen mereka konsisten dengan ekspektasi modern dan dapat terintegrasi dengan lancar ke dalam basis kode mana pun.
Untuk siapa ini?
Kami menulis ini untuk pemelihara sumber terbuka dan insinyur front-end berpengalaman yang membangun dan mendistribusikan pustaka komponen atau sistem desain. Kami mengasumsikan Anda familiar dengan JavaScript/TypeScript dan React.
Semua contoh akan menggunakan React (dengan JSX/TSX) demi kejelasan, tetapi kami berharap konsep dasar berlaku untuk kerangka kerja lain seperti Vue, Svelte, atau Angular.
Dengan kata lain, kami berharap filosofi spesifikasi ini bersifat agnostik terhadap kerangka kerja — baik Anda membangun dengan React atau perpustakaan lain, Anda harus menekankan prinsip yang sama: komposisi, aksesibilitas, dan kemampuan pemeliharaan.