vercel-react-native-skills

To optimize React Native list rendering and prevent scroll jank, you must virtualize lists, maintain stable object references, pass primitive props, and minimize work inside list items. This ensures smooth 60fps scrolling performance in mobile apps.

Reanimated gestures and animations in Expo should use GPU-accelerated worklets, useDerivedValue, .get/.set patterns, and GestureDetector components. This runs animation logic on the UI thread to achieve smooth 60fps performance.

Configuring native dependencies in a React Native monorepo requires correct native dependency placement, using native navigators, and embedding fonts via Expo config plugins. This architecture ensures proper native module integration and project correctness.

Yes, the React Compiler is compatible with Expo and Reanimated shared-value patterns. Applying React Compiler compatibility rules ensures stable object references and production-ready mobile performance without manual memoization overhead.

You should replace ScrollView with a virtualized list for large feeds because ScrollView renders all items at once, causing severe memory overhead and jank. Virtualized lists recycle views, optimizing image loading and maintaining smooth scrolling.