Performance Optimization Tips for React Native

A few targeted optimizations can dramatically improve perceived performance.

Lists: Use FlatList (or FlashList) instead of ScrollView + map. Implement keyExtractor, getItemLayout when possible, and windowSize tuning.

Re-renders: React.memo, useMemo, useCallback — use them thoughtfully. Profile first with Flipper or React DevTools.

Animations: Prefer useNativeDriver: true so animations run on the native thread. Avoid animating layout properties when possible.

Images: Optimize sizes, use caching (e.g. react-native-fast-image), and lazy load below-the-fold images.