What problem does it solve?
It prevents fragile, unmaintainable React APIs caused by boolean prop proliferation and tangled state management, by guiding teams to use compound components, lifted state, and explicit composition instead.
Core Features & Use Cases
- Eliminates boolean prop proliferation: Replaces
isX/mode-flag props with explicit component variants so only valid combinations render.
- Builds compound components with injected context: Uses a provider-driven
state/actions/meta interface so subcomponents access shared state without prop drilling.
- Lifts state to enable cross-boundary UI: Moves form state into provider components so sibling components (previews, buttons, dialogs) can read and trigger actions.
- Improves composition readability: Recommends composing with
children over renderX props and prefers explicit variants for clarity.
- Updates React 19 usage: Covers React 19+ patterns such as using
use() instead of useContext() and treating ref as a regular prop.
Quick Start
Ask an AI assistant to refactor your React component by replacing boolean props with explicit variants and implementing a compound component that uses a context provider with injected state, actions, and meta.
