vercel-react-native-skills

Optimize React Native list rendering by applying list virtualization, memoization, and stable item props. These patterns prevent unnecessary re-renders and maintain smooth scrolling performance as your list data grows.

The best way to handle Expo animations is using Reanimated with GPU-accelerated transforms and opacity properties. This approach offloads animation work off the JavaScript thread to maintain 60fps frame rates.

Your React Native app feels slow because standard image and font loading strategies block the UI thread. Switch to expo-image for optimized image handling and apply documented font loading best practices to prevent render blocking.

Yes, you can use native navigators and gesture-based interactions without performance regressions. Apply Reanimated for gesture handling and native navigator components across iOS and Android to keep interactions on the native UI thread.

Audit a React Native screen for performance bottlenecks by checking three hotspots: list rendering, image loading, and animations. Identify slow areas and implement recommended patterns like transform animations and expo-image usage.

Use memoization in React Native components when passing stable props to list items or frequently updated UI elements. Memoization prevents unnecessary re-renders during scrolling and state updates, keeping the interface responsive.