vercel-react-native-skills

Optimize React Native list scrolling by applying list virtualization, memoization, and stable object references to prevent unnecessary re-renders. Analyzing your codebase identifies missing virtualization and unstable references to provide concrete steps for smoother scrolling.

Handle React Native animations without layout thrashing by using GPU-accelerated animations with Reanimated and GestureDetector. Safe state derivation ensures smooth UI thread execution, reducing frame drops during complex gesture interactions.

Yes, it works with Expo Router and monorepos with native modules. It provides native navigation patterns for smooth transitions and guidance for monorepos with native dependencies to ensure version consistency and avoid duplicate code.

Improve image handling in Expo apps by using expo-image support for efficient media loading. It provides patterns for building responsive image galleries and lightboxes, ensuring fast visual rendering without blocking the UI thread.

Slow React Native navigation transitions often result from not using native navigators. Implementing native stack navigators and Expo Router integration ensures smooth transitions by offloading navigation management to the native platform layer.

You need native UI patterns for safe-area handling in React Native to ensure consistent UX across platforms. Implementing proper content insets, menus, and modals prevents UI overlap with device notches and system navigation elements.