vercel-react-native-skills

Optimize React Native list performance by applying list virtualization patterns, which render only visible items to reduce memory usage and maintain smooth scrolling in Expo applications. This Skill enforces virtualization, hoisting callbacks, and deriving state to minimize re-renders.

Smooth animations in React Native require GPU-friendly animation patterns that run off the JavaScript thread. This Skill identifies and applies best practices for animation optimization, ensuring UI components maintain high frame rates across mobile platforms.

Image handling in React Native and Expo requires applying specific optimization patterns to reduce load times and memory overhead. This Skill provides actionable best practices for image handling, UI patterns, and platform-specific API considerations.

Native modules in Expo and React Native require careful integration to access platform-specific APIs without degrading performance. This Skill covers native-module considerations and enforces patterns like native navigation to ensure consistent cross-platform UI quality.

Inconsistent React Native UI performance often stems from unapplied best practices in component rendering, state derivation, and callback hoisting. This Skill consolidates performance patterns and platform optimizations to resolve UI quality disparities across mobile platforms.