vercel-composition-patterns

Replace boolean props with composition to build scalable React component APIs, using explicit variants and compound components to keep code maintainable.

Use compound components with context providers to share state, lifting state into providers so UI components work with different state implementations.

Create explicit variant components like ThreadComposer, EditMessageComposer, and ForwardMessageComposer to replace boolean props for clear, maintainable code.

Use children for standard composition and render props when you need explicit control over rendering logic, applying guidance on when to use each pattern.

Yes, it applies composition patterns to React 19 API changes across architecture, state management, and implementation patterns using generic context interfaces.

Lifting state into providers enables UI components to work with different state implementations, reducing prop drilling and decoupling state from rendering.