react-native-best-practices
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Ap…
What it does
- 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
Requirements & configuration
- Treat third-party libraries and plugins as dependencies that still require normal supply-chain controls: pin versions, verify provenance, and update through your standard review process.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.
Source
Repository: https://github.com/callstackincubator/agent-skills
react-native-best-practices FAQ
What does the react-native-best-practices skill do?
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops. Debugging slow/janky UI or animations Investigating memory leaks (JS or native)
What does react-native-best-practices require?
Treat third-party libraries and plugins as dependencies that still require normal supply-chain controls: pin versions, verify provenance, and update through your standard review process.
How do I install react-native-best-practices?
Run: npx -y skills add https://github.com/callstackincubator/agent-skills --skill react-native-best-practices --agent claude-code — the source lives at github.com/callstackincubator/agent-skills.
Maintain react-native-best-practices?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/callstackincubator-agent-skills-react-native-best-practices?ref=badge) npx agentictools info skills/callstackincubator-agent-skills-react-native-best-practices The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
nuxt Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, use…
shadcn-ui Complete guide to building accessible React components with shadcn/ui, Radix UI, and Tailwind CSS.
vueuse-functions Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
vue-router-best-practices Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
nextjs-app-router-patterns Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development.
vue-best-practices Vue 3 development with Composition API,