vercel-react-native-skills

Optimize React Native list performance by using virtualized lists, maintaining stable object references, and keeping item components lightweight. This approach prevents jank and crashes by ensuring only visible items render, reducing memory overhead during scrolling.

React Native rendering crashes occur when strings are not wrapped in Text components or when falsy && operators render unexpected values. Following strict rendering rules ensures type safety and prevents UI crashes by enforcing proper component hierarchy.

GPU-accelerated animations in React Native are best handled using transform and opacity properties with Reanimated and GestureDetector. This method offloads animation work to the native UI thread, ensuring smooth 60fps motion without blocking JavaScript execution.

Yes, you can use this React Native optimization skill with Expo projects. It provides rule-based guidelines for both Expo and plain React Native, covering native navigation, expo-image, and UI patterns without requiring external dependencies beyond the React Native ecosystem.

Prefer native stack and tab navigators in React Native when you need a responsive UI with native-level performance. They leverage native platform primitives for smoother transitions compared to JavaScript-based navigators, reducing jank during screen switching.