composition-patterns

What problem does it solve? React components often accumulate boolean props like isThread or isEditing, creating exponential state combinations and unmaintainable conditional logic. This Skill provides concrete patterns to replace prop proliferation with composition, making component libraries easier to maintain and extend. ## Core Features & Use Cases - Compound Component Architecture: Structure complex components with shared context so consumers compose exactly the pieces they need without prop drilling. - Dependency-Injectable State: Define generic context interfaces with state, actions, and meta so the same UI works with local state, Zustand, or server sync. - React 19 API Guidance: Apply modern patterns like ref-as-prop and use() instead of forwardRef and useContext. - Use Case: When refactoring a Composer component with six boolean props into explicit ThreadComposer, EditComposer, and ForwardMessageComposer variants that share internals through a common context. ## Quick Start Refactor this React component that has too many boolean props using composition patterns with compound components and context providers.