react-patterns

Installation
Summary

Modern React patterns and best practices for production applications.

  • Covers component design principles, hook extraction patterns, and state management selection across complexity levels from simple useState to global stores like Zustand and Redux Toolkit
  • Includes React 19 patterns with new hooks (useActionState, useOptimistic, use) and compiler benefits for automatic memoization
  • Provides composition patterns including compound components, render props vs hooks trade-offs, and higher-order components for cross-cutting concerns
  • Details performance optimization methodology: profile first, identify bottlenecks, then apply targeted fixes like virtualization or useMemo
  • Addresses error boundaries, TypeScript prop typing strategies, testing priorities, and common anti-patterns to avoid
SKILL.md

React Patterns

Principles for building production-ready React applications.


1. Component Design Principles

Component Types

Type Use State
Server Data fetching, static None
Client Interactivity useState, effects
Presentational UI display Props only
Container Logic/state Heavy state

Design Rules

Related skills
Installs
713
GitHub Stars
37.3K
First Seen
Jan 20, 2026