The Best React & React Native Skills for Claude Code
React and React Native skills that enforce best practices, catch performance issues, and generate clean component code.
React skills
These skills are available across repos like antigravity-awesome-skills (1,300+ skills), VoltAgent/awesome-agent-skills (500+ skills), and the official anthropics/skills.
1. React Performance
Catches common performance issues before they reach production:
- Unnecessary re-renders detection
- Missing memoization (useMemo, useCallback, React.memo)
- Bundle size optimization with dynamic imports
- Lazy loading strategies for routes and components
- Virtualized lists for large datasets
2. Component Architecture
Enforces clean, maintainable component patterns:
- Composition over inheritance
- Custom hooks extraction rules
- Proper prop drilling vs context vs state management
- Error boundaries placement
- Suspense boundaries for data fetching
3. State Management
Guides state management decisions based on your use case:
- When to use local vs global state
- Zustand vs Jotai vs Context comparison
- Server state with TanStack Query
- URL state for filters, pagination, and search
- Form state with Formik or React Hook Form
React Native skills
4. React Native Performance
Mobile-specific optimizations from alirezarezvani/claude-skills:
- FlatList vs ScrollView decisions (and FlashList alternatives)
- Image caching with expo-image
- 60fps animations with Reanimated 3
- Memory leak prevention
- Hermes engine optimization
- Native module bridging when needed
5. Expo Expert
Deep Expo knowledge, particularly useful with the rohitg00/awesome-claude-code-toolkit:
- EAS Build configuration and profiles
- Push notifications (Expo Notifications + FCM/APNs)
- Deep linking and universal links
- App Store & Google Play submission checklists
- OTA updates with expo-updates
- Expo Router file-based routing
6. Mobile UI Patterns
From SkillsMP marketplace:
- Platform-specific design (iOS Human Interface vs Material Design)
- Bottom sheet patterns
- Pull-to-refresh implementation
- Haptic feedback usage
- Safe area handling
My setup for React Native projects
Skills loaded:
1. React Native Performance
2. Expo Expert
3. TypeScript Strict
4. UI/UX Pro Max (mobile variant)With this combination, Claude Code generates React Native code that's performant, type-safe, and follows platform conventions.
Common pitfalls
- Don't use web-focused skills for React Native, mobile has different performance constraints
- Always test on real devices, Claude can't catch hardware-specific issues
- Use platform-specific skills for iOS (SwiftUI) vs Android when going native
- Keep skills updated, the ecosystem moves fast