canvas-component-composability

Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, decompose it into smaller, composable pieces.

references/repeatable-content.md ("Slot container minimum size" section)

Slots are the primary mechanism for composability. Instead of passing complex data through props, use slots to let parent components accept child components. This matches how Canvas users build pages by placing components inside other components.

スロットと分解優先パターンを使用して、Canvas 対応の React コンポーネントを設計します。 (1) コンポーネントのプロップ/スロット構造を設計する場合、(2) コンポーネントが大きくなりすぎる場合、(3) プロップとスロットのどちらを選択するかを決定する場合、(4) モノリシック コンポーネントをリファクタリングする場合、(5) 反復可能なリスト/グリッド コンテンツをモデリングする場合に使用します。 Canvas の互換性を確保します。 ソース: acquia/nebula。