vercel-react-native-skills

by @vercel-labs/agent-skills · 24.0K stars · 73.4K installs/wk · Rank #64

Best practices for React Native and Expo, focusing on performance, animations, UI patterns, and monorepo structure.

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills

Summary

Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration
List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoiding inline objects that trigger unnecessary re-renders
Animation guidance focuses on GPU-accelerated properties (transform, opacity) and Reanimated patterns; navigation recommends native stack and tab navigators over JavaScript alternatives
Includes rules for modern UI patterns: expo-image for all images, Pressable over TouchableOpacity, native modals, and safe area handling in ScrollViews