react-composition-patterns
CommunityMaster React composition patterns for scalable UI
Software Engineering#context#react#design-patterns#compound-components#composition-patterns#state-lifting
Authormarcojsmith
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides proven composition patterns for building flexible, maintainable React components by avoiding boolean prop proliferation, promoting compound components, lifting state, and composing internals to scale codebases.
Core Features & Use Cases
- Encourages explicit, self-documenting component variants built from small, reusable pieces.
- Demonstrates compound components with a shared context to minimize prop drilling and maximize reusability.
- Offers guidance on decoupling UI from state management and migrating to React 19 APIs with use().
Quick Start
Create a Provider-based frame with subcomponents such as Frame, Header, Input, and Footer, then compose them to build the exact UI you need.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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/marcojsmith/AgriBid/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 471,000+ vetted skills library on demand.