vercel-composition-patterns

Replace boolean prop proliferation in React components by adopting composable architectures using compound components, explicit variants, and context providers to share state without prop drilling.

Manage shared state in compound components by lifting it into context providers, enabling flexible cross-component composition and reuse without prop drilling or boolean-driven modes.

Refactor a monolithic React component into explicit variants like ThreadComposer or EditMessageComposer, wiring each to a provider and frame-based UI instead of boolean-driven modes.

React 19 API guidance recommends using use() over useContext for context providers, enforcing provider-based state patterns to standardize scalable React component architectures.

Use explicit variant components instead of boolean-driven modes during refactoring and library design to ensure scalable, composable APIs across architecture and state management changes.

Apply composition patterns to scale React component libraries by enforcing frontmatter metadata, rule guidance, and provider-based state patterns for safe, composable APIs.