react-composable-components
CommunityBuild small, composable React UI components.
Software Engineering#react#compound-components#ui-patterns#componentization#context-api#forwardref#class merging
Authorjonmumm
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Write and refactor React components to be small, composable, and customizable, doing one thing well. Improve rendering performance, maintainability, and reusability by leveraging compound components, prop spreading, and utility class merging. Apply these patterns when authoring new components or breaking down large monolithic ones.
Core Features & Use Cases
- Compound Components: Expose subcomponents to enable flexible composition and reduce prop drilling.
- Context-Based State: Use local React Context to share UI state for tabs, accordions, and other patterns.
- ClassName Merging: Provide transparent
classNameand...propssupport with safe class merging. - Usage Examples: Build a Card with CardHeader, CardContent, CardFooter to customize layout without huge configuration objects.
Quick Start
Create a small composable Card by composing CardHeader and CardContent inside a parent Card.
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-composable-components Download link: https://github.com/jonmumm/skills/archive/main.zip#react-composable-components 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.