home/categories/frontend/tech-leads-club-agent-skills-packages-skills-catalog-skills-architecture-react-composition-patterns-skill-md
frontenddevelopment

react-composition-patterns

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead).

tech-leads-club
maintainer
tech-leads-club
Updated 2/26/2026
Stars
2054
Forks
236
quick start

Installation and usage

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead).

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use react-composition-patterns