React Patterns - Modern Development Guide

A comprehensive skill for mastering modern React development patterns, including React 18+ features, hooks, component composition, state management strategies, and performance optimization techniques for building scalable web applications.

When to Use This Skill

Use this skill when:

• Building modern React applications with functional components and hooks
• Implementing complex state management with useReducer and Context API
• Optimizing React application performance with memoization techniques
• Creating reusable custom hooks for shared logic
• Working with Server Components and React Server Components (RSC)
• Managing forms, side effects, and asynchronous operations
• Refactoring class components to modern functional patterns
• Building type-safe React applications with proper patterns
• Implementing advanced component composition patterns
• Debugging React performance issues and unnecessary re-renders