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.

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