Individual skill
react-native-best-practices
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.
skills/react-native-best-practices/SKILL.md
Source commit 59e9d17446a248b21d86f078fcd0bd2d36db1ca4
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 9, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,703
- Repository last updated
- Oct 8, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- testing Derived category
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
POWER.mddoc · 8,312 bytesSKILL.mdcore · 12,348 bytesSKILL.mdcore · 12,348 bytesSKILL.mdcore · 12,348 bytesSKILL.mdcore · 12,348 bytesagents/openai.yamlasset · 227 bytesreferences/bundle-analyze-app.mddoc · 5,461 bytesreferences/bundle-analyze-js.mddoc · 7,029 bytesreferences/bundle-barrel-exports.mddoc · 5,406 bytesreferences/bundle-code-splitting.mddoc · 7,545 bytesreferences/bundle-hermes-mmap.mddoc · 4,133 bytesreferences/bundle-library-size.mddoc · 4,150 bytesreferences/bundle-native-assets.mddoc · 5,041 bytesreferences/bundle-r8-android.mddoc · 5,356 bytesreferences/bundle-tree-shaking.mddoc · 5,690 bytesreferences/images/bundle-treemap-source-map-explorer.pngasset · 667,493 bytesreferences/images/controlled-textinput-pingpong.pngasset · 127,223 bytesreferences/images/devtools-flamegraph.pngasset · 520,655 bytesreferences/images/emerge-xray-ios.pngasset · 439,669 bytesreferences/images/expo-atlas-treemap.pngasset · 618,904 bytesreferences/images/flashlight-flatlist-vs-flashlist.pngasset · 313,215 bytesreferences/images/fps-drop-graph.pngasset · 152,493 bytesreferences/images/memory-heap-snapshot.pngasset · 308,032 bytesreferences/images/tti-warm-start-diagram.pngasset · 127,254 bytesreferences/images/view-hierarchy-flattening.pngasset · 2,587,021 bytesreferences/images/xcode-instruments-templates.pngasset · 408,360 bytesreferences/images/xcode-thread-view.pngasset · 178,440 bytesreferences/js-animations-reanimated.mddoc · 8,015 bytesreferences/js-atomic-state.mddoc · 5,267 bytesreferences/js-bottomsheet.mddoc · 12,199 bytesreferences/js-concurrent-react.mddoc · 6,652 bytesreferences/js-lists-flatlist-flashlist.mddoc · 5,998 bytesreferences/js-measure-fps.mddoc · 5,306 bytesreferences/js-memory-leaks.mddoc · 5,301 bytesreferences/js-profile-react.mddoc · 5,871 bytesreferences/js-react-compiler.mddoc · 7,372 bytesreferences/js-uncontrolled-components.mddoc · 5,492 bytesreferences/native-android-16kb-alignment.mddoc · 3,761 bytesreferences/native-measure-tti.mddoc · 6,527 bytesreferences/native-memory-leaks.mddoc · 5,627 bytesreferences/native-memory-patterns.mddoc · 5,986 bytesreferences/native-platform-setup.mddoc · 3,786 bytesreferences/native-profiling.mddoc · 4,358 bytesreferences/native-sdks-over-polyfills.mddoc · 6,279 bytesreferences/native-threading-model.mddoc · 6,882 bytesreferences/native-turbo-modules.mddoc · 5,650 bytesreferences/native-view-flattening.mddoc · 5,236 bytes
Read excerpt
# 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)