React Patterns

Platform: Web and Mobile (shared React patterns). For React Native-specific patterns (Pressable, ScrollView, FlashList, safe areas), see the react-native-patterns skill.

Overview

Patterns for building maintainable React applications with TypeScript, leveraging React 19 features and composition patterns.

API Reference: Use Context7 MCP for full React API reference (mcp__context7__resolve-library-id → react).

Workflows

• Choose appropriate component composition pattern
• Apply TypeScript types for props and events
• Implement custom hooks for shared logic
• Add performance optimizations where needed
• Handle loading and error states with Suspense/boundaries
• Validate component render behavior

Feedback Loops