react-composition-patterns
CommunityBuild scalable React components with composition.
AuthorMatheusrlr
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the complexity of managing React components by providing patterns to avoid prop proliferation and create more maintainable, flexible codebases.
Core Features & Use Cases
- Composition Patterns: Utilizes compound components, state lifting, and explicit variants to structure React code.
- Scalability: Designed to make codebases easier for both humans and AI agents to manage as they grow.
- Use Case: Refactor a large component with numerous boolean props into smaller, composable pieces that are easier to understand and maintain.
Quick Start
Apply the React composition patterns to refactor the Composer component to use compound components instead of boolean props.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-composition-patterns Download link: https://github.com/Matheusrlr/payment-orchestrator/archive/main.zip#react-composition-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.