zoonk-compound-components

This is the REQUIRED pattern for ALL UI components. Always use compound components by default.

For complex, stateful compound components (forms, dialogs with external actions, components where siblings need shared state), see the vercel-composition-patterns skill.

Compound components are small, single-purpose components that compose together. Each component wraps exactly ONE HTML element and has ONE responsibility. They are combined like building blocks.

複合コンポーネント パターンを使用して UI コンポーネントを構築します。新しい React コンポーネントの作成時、UI 要素の構築時、コンポーネントのリファクタリング時、またはユーザーが複合コンポーネント、コンポーザブル コンポーネント、コンポーネント パターン、UI ビルディング ブロックについて言及する場合に使用します。 ソース: zoonk/zoonk。