vercel-composition-patterns

To replace boolean props in React components, apply composition patterns like building explicit variant components and using compound components with shared context to document intent and reduce conditional logic.

Managing shared state without prop drilling is best achieved through provider-based state lifting with context, which allows disparate UI fragments to share state explicitly across your component architecture.

Compound components with context providers work by sharing state implicitly across parent and child elements, leveraging React 19 APIs like the use() hook in place of useContext to enable flexible composition without prop drilling.

You do not need forwardRef when building React component libraries with modern composition patterns, as React 19 APIs allow you to avoid forwardRef in typical usage while safely scaling your reusable components.

You should refactor React components to use explicit variant components when boolean prop proliferation creates brittle, hard-to-maintain components, ensuring your UI components scale safely across teams and projects.