概要

モダンなウェブアプリケーションは再利用可能な UI コンポーネント上に構築されており、どのように設計し、構築し、共有するかが重要です。この仕様は、モダンなウェブ向けのオープンソース UI コンポーネントを構築するための正式なオープン標準を確立することを目的としています。

本仕様は Hayden Bleasel と shadcn による共著で、オープンソースコミュニティからの貢献があり、React エコシステムの人気プロジェクトに基づいています。

この仕様の目標は、オープンソースの保守者や上級フロントエンドエンジニアが、コンポーザブルでアクセシブル、かつプロジェクト間で採用しやすいコンポーネントを作成できるよう支援することです。

この仕様とは？

この仕様は React のチュートリアルやコースでもなく、特定のコンポーネントライブラリやレジストリの宣伝でもありません。代わりに、UI コンポーネントを設計するための上位レベルのガイドライン、ベストプラクティス、および共通用語を提供します。

本仕様に従うことで、開発者は自分のコンポーネントがモダンな期待に沿い、任意のコードベースにスムーズに統合できることを保証できます。

対象読者

本書は、コンポーネントライブラリやデザインシステムを構築・配布するオープンソースの保守者および経験豊富なフロントエンドエンジニアを対象に執筆しています。JavaScript/TypeScript と React に精通していることを前提としています。

すべての例は具体性のために React (with JSX/TSX) を使用しますが、基本的な概念は Vue、Svelte、または Angular のような他のフレームワークにも適用できることを期待しています。

言い換えれば、本仕様の理念はフレームワークに依存しないことを目指しています — React で構築する場合でも別のライブラリを使う場合でも、コンポーザブル、アクセシビリティ、および保守性という同じ原則を重視するべきです。