react-composition-2026

SKILL.md

Modern React Composition Patterns

Table of Contents

When to Use

Instructions

Details

Source

Composition patterns for building flexible, maintainable React components that scale. These patterns replace boolean-prop proliferation, rigid component APIs, and tangled state with composable, explicit designs.

When to Use

Reference these patterns when:

A component has more than 3-4 boolean props controlling its behavior

Building reusable UI components or a shared component library

Refactoring components that are difficult to extend

Designing component APIs that other teams will consume

Reviewing component architecture for flexibility and maintainability