⚙️ Engineering Vercel Verified

React Composition Patterns

React composition patterns that scale. Compound components, render props, context providers, and component architecture for building flexible component libraries.

react architecture

When to use

Use when refactoring components with boolean prop proliferation, building component libraries, or designing reusable APIs.

Examples

Compound components

Refactor a component to use compound component pattern

Component API design

Design a flexible, composable component API