What This Skill Does
React Native and Expo best practices for building performant mobile apps. Covers component optimization, list performance, animations, native modules, and platform-specific patterns.
When to Use It
- Building React Native or Expo applications
- Optimizing list/scroll performance
- Implementing smooth animations
- Working with native modules
- Platform-specific (iOS/Android) implementation
Key Topics
Performance
- FlatList optimization (keyExtractor, getItemLayout, windowSize)
- Avoid re-renders with proper memoization
- Image caching and optimization
- Hermes engine configuration
Animations
- Reanimated for performant animations on the UI thread
- Gesture handler for touch interactions
- Shared element transitions
Native Integration
- Native module bridging patterns
- Platform-specific code organization
- Expo modules vs bare React Native