Back to catalog / Developer tools
React composition patterns: reduce boolean-prop combinations
Route to architecture, state, implementation, or version-specific rules before changing APIs.
Skills
Confirm the React version and component contract, then read the matching source rule files. Use compound components/shared context for shared behavior, lift state to a provider for sibling coordination, and replace boolean modes with explicit variants. Update call sites and tests for accessibility, defaults, combinations, and compatibility. Apply React 19 rules such as ref/use changes only after verifying the runtime version.
Permissions
Prerequisites
- Refactor React components with proliferating boolean props and design compound APIs or providers.
Permissions
- May restructure component trees, state ownership, and public props; test compatibility.
Limitations
Consult the individual source rules; React 19 advice does not apply to React 18 or earlier.
Pinned upstream source
- Repository
- vercel-labs/agent-skills
- File path
- skills/composition-patterns/SKILL.md
- Pinned commit
063bee94c3f4df8453406c830b0a7df0f2860278- Source checked
- 2026-10-14 · Reviewed against the pinned upstream source
Repository metrics
These values describe the upstream repository, not popularity or likes for an individual skill or playbook.
- Stars
- Not collected
- Forks
- Not collected
- Observed at
- Not collected
No metrics snapshot is available yet.
License: MIT
Compatible tools
Vercel React composition-patterns skill · existing component tests
Main topic
Take a coding Agent change from context to verification