react-native-best-practices
Installation
Summary
Structured performance optimization reference for React Native apps covering FPS, bundle size, TTI, and memory.
- Organized into 9 JavaScript/React guides (profiling, lists, animations, memory), 9 native optimization guides (Turbo Modules, threading, profiling), and 9 bundling guides (tree shaking, code splitting, size analysis)
- Each reference follows a hybrid format with quick patterns/commands, impact ratings (CRITICAL/HIGH/MEDIUM), and deep-dive explanations with prerequisites and common pitfalls
- Includes problem-to-skill mapping table for fast lookup: app jank points to FPS measurement, slow startup points to TTI measurement, large bundles point to analysis tools
- Measurement-first workflow: baseline metrics before optimization, re-measure after applying fixes, validate improvement (e.g., FPS 45→60, TTI 3.2s→1.8s, bundle 2.1MB→1.6MB)
SKILL.md
React Native Best Practices
Overview
Performance optimization guide for React Native applications, covering JavaScript/React, Native (iOS/Android), and bundling optimizations. Based on Callstack's "Ultimate Guide to React Native Optimization".
When to Apply
Reference these guidelines when:
- Debugging slow/janky UI or animations
- Investigating memory leaks (JS or native)
- Optimizing app startup time (TTI)
- Reducing bundle or app size
- Writing native modules (Turbo Modules)
- Profiling React Native performance
- Reviewing React Native code for performance
Security Notes
Installs
18.4K
Repository
callstackincuba…t-skillsGitHub Stars
1.5K
First Seen
Jan 19, 2026
Security Audits