vercel-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.

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

⚠️ React 19+ only. Skip this section if using React 18 or earlier.

スケーラブルな構成パターンに反応します。コンポーネントをリファクタリングするときに使用します。 ブール値プロパティの普及、柔軟なコンポーネント ライブラリの構築、または 再利用可能な API の設計。複合コンポーネントを含むタスクをトリガーします。 レンダリング プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャ。 React 19 を含む APIの変更。 ソース: inkeep/agents。