Radix UIを活かすCompound Components設計
2026年3月18日 15:57
はじめに
React コンポーネントの設計は、規模が大きくなるにつれて難しくなっていきます。boolean props が増えていったり、renderHeader のような render props が乱立したり、コンポーネントの中身が条件分岐だらけになったり。
こうした問題へのアプローチとして Composition Patterns という考え方があります。この記事では Vercel が公開している vercel-composition-patterns を参照しつつ、その中でも Compound Components パターンに焦点を当てて、実際のコード例とともに紹介させていた...