domains / families / software-engineering / react-native-best-practices

react-native-best-practices

combined

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.

When to use

• Debugging slow/janky UI or animations
• Investigating memory leaks
• 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

Skill page

Conflict

The LeoYeAI copy is a bulk mirror of the Callstack skill, but the callstackincubator copy is not a strict superset. The Callstack copy adds a Security Notes section, Review Guardrails (version checks, no speculative stale closures, no memoization without profiling), and a concrete agent-device profiling workflow with a manual fallback and @callstack/inspector for release builds. The LeoYeAI copy adds a Skill Format section describing the hybrid reference-file structure and a more complete References table. Because each copy contains material steps or constraints the other lacks, crowning one would hide a real alternative.