Optimize React Native App Performance
React Native apps can suffer from slow startup, dropped frames, excessive rerenders, memory growth, and oversized bundles. This skill guides measurement, diagnosis, targeted optimization, and validation across JavaScript, iOS, Android, Hermes, and Expo.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "react-native-best-practices" from https://skillstore.io/skills/callstackincubator-react-native-best-practices.md and its manifest at https://skillstore.io/api/skills/callstackincubator-react-native-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "react-native-best-practices". A product list drops to 42 FPS while scrolling.
Expected outcome:
Using "react-native-best-practices". Cold startup takes 3.4 seconds on Android with Hermes.
Expected outcome:
Using "react-native-best-practices". The release application grew after adding several libraries.
Expected outcome:
All 191 static alerts are false positives caused by Markdown, fixed-path examples, ordinary React Native tooling commands, public links, and performance terminology. No prompt injection, credential theft, covert reconnaissance, malicious code execution, or data exfiltration intent was found.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/callstackincubator-react-native-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/callstackincubator-react-native-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>callstackincubator. (2026). react-native-best-practices security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6@techreport{callstackincubator-callstackincubator-react-native-best-practices-2026,
author = {callstackincubator},
title = {react-native-best-practices security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-native-best-practices security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "callstackincubator"
date-released: "2026-07-12"
url: "https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6"
identifiers:
- type: other
value: "skillstore:callstackincubator-react-native-best-practices:audit:6"
description: "Skillstore immutable audit report identifier"
Profile a laggy interaction, identify rerender or list bottlenecks, and validate a focused change.
Measure cold startup and package size, then prioritize Hermes, bundling, asset, and native optimizations.
Compare evidence across releases and produce a ranked remediation plan with validation criteria.
Review this React Native screen for obvious performance risks. Use the provided code and project versions. Prioritize three changes and explain how to measure each.
Diagnose frame drops during [interaction]. Use these profiler results: [metrics]. Identify likely causes, request missing evidence, and propose a measure-change-remeasure sequence.
Create a startup and bundle optimization plan for this React Native [version] app using [Hermes or JSC]. Compare baseline metrics and rank changes by impact and risk.
Investigate this regression across JavaScript, native threads, memory, and bundle delivery. Correlate [trace], [render profile], and [build data]. Recommend minimal fixes with validation and rollback criteria.
Author
callstackincubatorLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Repository
https://github.com/callstackincubator/agent-skills/tree/main/skills/react-native-best-practices/Ref
d71c7417a35d5c2624161bd2fe8de8a41a362128
Maintenance freshness
7/18/2026
Usage
4 downloads · 209 views
File structure
📁 agents/
📄 POWER.md
📁 images/
📄 bundle-treemap-source-map-explorer.png
📄 controlled-textinput-pingpong.png
📄 flashlight-flatlist-vs-flashlist.png
📄 view-hierarchy-flattening.png
📄 xcode-instruments-templates.png
📄 js-lists-flatlist-flashlist.md
📄 js-uncontrolled-components.md
📄 native-android-16kb-alignment.md
📄 native-sdks-over-polyfills.md
📄 SKILL.md
Optimize React Native Apps
by vercel-labs
React Native apps can suffer from slow lists, janky animations, and platform mistakes. This skill gives Codex, Claude, and Claude Code concise rules for performant Expo and React Native work.
Configure Tailwind CSS for Expo
by expo
Expo teams need consistent styling across native and web targets. This skill gives a focused setup path for Tailwind CSS v4, NativeWind v5, and react-native-css.
Build Expo Networking Flows
by expo
Mobile apps need reliable API requests, caching, token handling, and offline behavior. This skill guides Expo developers through fetch, React Query, SecureStore, NetInfo, and environment-based configuration.
Build Expo Dev Clients for Native Testing
by expo
Expo teams need reliable development clients when native code goes beyond Expo Go. This skill guides EAS build setup, TestFlight delivery, local builds, installation, and basic troubleshooting.
Build Expo DOM Components
by expo
Expo teams often need web libraries inside native apps without rewriting them. This skill guides Claude, Codex, and Claude Code through safe DOM component patterns.
Improve Vue 3 Code Quality
by vuejs-ai
Vue projects often collect reactivity, component, and performance mistakes over time. This skill gives targeted Vue 3 guidance for safer patterns and clearer code.