mobile-rn-performance
Installation
SKILL.md
React Native Performance & Build
The performance, bundling, and upgrade layer for React Native / Expo.
mobile-rn-screenhandles screen layout and native feel; this skill handles speed, size, and version moves.Distilled from Callstack's React Native best-practices skill (MIT) and the Ultimate Guide to RN Optimization.
Diagnose first, then fix
Never optimize blind. Identify the symptom, then apply the matching category. Measure before/after.
| Symptom | Category | Impact |
|---|---|---|
| Janky scroll/animation, dropped frames | FPS & re-renders | CRITICAL |
| Large download / install size | Bundle size | CRITICAL |
| Slow cold start (high TTI) | TTI / startup | HIGH |
| Slow native operations | Native performance | HIGH |
| Memory grows over time / crashes | Memory management | MED-HIGH |
| Choppy gestures/transitions | Animations | MEDIUM |