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

When NOT to Use

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

When to Apply

Reference these guidelines when: