canvas-component-composability

SKILL.md

Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, it's often a sign that it should be decomposed into smaller, composable pieces.

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.

When a component needs to render variable content, use a slot instead of props with complex structures:

슬롯 및 분해 우선 패턴을 사용하여 Canvas 지원 React 구성 요소를 디자인합니다. (1) 구성 요소의 소품/슬롯 구조를 디자인할 때, (2) 구성 요소가 너무 커지는 경우, (3) 소품과 슬롯 사이를 결정하는 경우, (4) 모놀리식 구성 요소를 리팩토링할 때 사용합니다. 캔버스 호환성을 보장합니다. 출처: drupal-canvas/skills.

원본 보기