---
title: "React Native Best Practices - Air Market"
description: "Your React Native app feels sluggish, takes too long to start, or janks when you scroll. This brings performance guidelines to bear on the usual suspects: frame rate, startup time, bundle size, memor…"
canonical: "https://airmarket.ai/app/react-native-best-practices"
---

[Air Market](/) / [Developer Tools](/category/devtools) / React Native Best Practices

Skill by [Callstack Incubator](/@callstackincubator)

# React Native Best Practices

Track down why your app stutters and what to do about it

## What this does

Your React Native app feels sluggish, takes too long to start, or janks when you scroll. This brings performance guidelines to bear on the usual suspects: frame rate, startup time, bundle size, memory, re-renders, animations. Reach for it when something is slow and you want to know where to look rather than guess.

### Top 3 things it does for you

- Work out why the app drops frames
- Cut down how long the app takes to open
- Find a memory leak

## Information

**React Native Best Practices at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Callstack Incubator](/@callstackincubator) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 6.3 MB |
| Licence | MIT |
| Repository | [callstackincubator/agent-skills](https://github.com/callstackincubator/agent-skills/tree/fa0bad00ce4029ca3b4e63b2d950e8fe1b9299a2/skills/react-native-best-practices) |
| GitHub stars | 1,619 (as of Nov 2026) |
| Installs | 32,106, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of React Native Best Practices and flagged nothing. AIR's verdict: **safe**.

**What React Native Best Practices's check was run against**

|  |  |
| --- | --- |
| Commit | fa0bad00ce4029ca3b4e63b2d950e8fe1b9299a2 |
| Content hash | e4f71597562e1ebf2467b2773e2fb4c7aa21ee5959e0edde7dc9dc69f51a0b0f |
| Files read | [Browse the files at this exact commit](https://github.com/callstackincubator/agent-skills/blob/fa0bad00ce4029ca3b4e63b2d950e8fe1b9299a2/skills/react-native-best-practices/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for React Native Best Practices](/security/react-native-best-practices)

## About React Native Best Practices

Performance optimization guidelines for React Native, covering frame rate, time to interactive, bundle size, memory leaks, re-renders and animations.

It applies to work involving Hermes optimization, JS thread blocking, bridge overhead, FlashList and native modules, and to debugging jank and dropped frames.

## What's inside

- SKILL.md - instructions
- agents/openai.yaml - data
- POWER.md - reference
- references/bundle-analyze-app.md - reference
- references/bundle-analyze-js.md - reference
- references/bundle-barrel-exports.md - reference
- references/bundle-code-splitting.md - reference
- references/bundle-hermes-mmap.md - reference
- references/bundle-library-size.md - reference
- references/bundle-native-assets.md - reference
- references/bundle-r8-android.md - reference
- references/bundle-tree-shaking.md - reference
- references/images/bundle-treemap-source-map-explorer.png
- references/images/controlled-textinput-pingpong.png
- references/images/devtools-flamegraph.png
- references/images/emerge-xray-ios.png
- references/images/expo-atlas-treemap.png
- references/images/flashlight-flatlist-vs-flashlist.png
- references/images/fps-drop-graph.png
- references/images/memory-heap-snapshot.png
- references/images/tti-warm-start-diagram.png
- references/images/view-hierarchy-flattening.png
- references/images/xcode-instruments-templates.png
- references/images/xcode-thread-view.png
- references/js-animations-reanimated.md - reference
- references/js-atomic-state.md - reference
- references/js-bottomsheet.md - reference
- references/js-concurrent-react.md - reference
- references/js-lists-flatlist-flashlist.md - reference
- references/js-measure-fps.md - reference
- references/js-memory-leaks.md - reference
- references/js-profile-react.md - reference
- references/js-react-compiler.md - reference
- references/js-uncontrolled-components.md - reference
- references/native-android-16kb-alignment.md - reference
- references/native-measure-tti.md - reference
- references/native-memory-leaks.md - reference
- references/native-memory-patterns.md - reference
- references/native-platform-setup.md - reference
- references/native-profiling.md - reference
- references/native-sdks-over-polyfills.md - reference
- references/native-threading-model.md - reference
- references/native-turbo-modules.md - reference
- references/native-view-flattening.md - reference

## Questions

### Is React Native Best Practices safe to install?

AIR scanned this exact version of React Native Best Practices and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit fa0bad00ce40, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/react-native-best-practices.

### How do I install React Native Best Practices?

Open https://airmarket.ai/app/react-native-best-practices on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/callstackincubator/agent-skills/tree/fa0bad00ce4029ca3b4e63b2d950e8fe1b9299a2/skills/react-native-best-practices. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Callstack Incubator](/@callstackincubator)

---

Canonical URL: <https://airmarket.ai/app/react-native-best-practices>
