composition-patterns

Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.

Skip these patterns when: fewer than 3 props, simple variants, or single-use components.

| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- | | 4 | React 19 APIs | MEDIUM | react19- |

反應可擴展的組合模式。透過布林屬性擴散重構元件、建構靈活的元件庫或設計可重複使用的 API 時使用。觸發涉及複合元件、渲染道具、上下文提供者或元件架構的任務。包括 React 19 API 更改。 來源：jgamaraalv/ts-dev-kit。