React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
87
81%
Does it follow best practices?
Impact
99%
1.65xAverage score across 3 eval scenarios
Passed
No known issues
Performant virtualized list implementation
Uses list virtualizer
0%
100%
getItemType provided
0%
100%
No inline objects in renderItem
100%
100%
Callbacks hoisted from renderItem
100%
100%
List items receive primitives or stable refs
100%
100%
Items are memo-wrapped
100%
100%
No queries inside list items
100%
100%
Data not mapped/filtered before list
100%
100%
Compressed images in list
100%
100%
Uses expo-image
0%
100%
No && with falsy values
100%
100%
GPU-accelerated animations with gesture handling
Uses GestureDetector for press
100%
100%
runOnJS for JS callbacks
100%
100%
No layout property animation
57%
100%
State as ground truth
16%
100%
Derives visuals via interpolate
10%
100%
useDerivedValue for computed values
0%
100%
Uses .get() and .set()
0%
100%
No scroll position in useState
100%
100%
ProgressBar uses PanGesture
100%
100%
animation-notes.md present
100%
100%
Native navigation and UI patterns
Native stack navigator
100%
100%
Native tab navigator
0%
100%
Uses expo-image
100%
100%
Uses Pressable
100%
100%
contentInsetAdjustmentBehavior
0%
100%
Native options menu
80%
100%
Native modal for post detail
75%
100%
Galeria for avatar lightbox
0%
100%
No && with falsy counts
100%
100%
gap over margin for spacing
50%
50%
boxShadow string syntax
100%
100%
Compressed CDN images
0%
100%
90d6bd7
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.