skills.rest
gleeb
gleebCOMMUNITY
Explore all skills by this author →
GitHub

react-native

Diagnose and fix React Native performance issues across iOS and Android.

Updated Aug 27, 2026
Search Tags:#performance optimization#bundle analysis#memory leaks#react-native#fps profiling#tti measurement#reanimated animations
One-click install
npx skills add https://github.com/gleeb/ai-registry --skill react-native-gleeb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/gleeb/ai-registry/tree/main/common-skills/react-native
Command: npx skills add https://github.com/gleeb/ai-registry --skill react-native-gleeb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves slow and janky React Native performance by guiding you to measure, diagnose, and apply targeted fixes across rendering, bundling, memory, animations, and native integration.

Core Features & Use Cases

  • Priority-ordered performance fixes: CRITICAL/HIGH/MEDIUM guidance to improve FPS, TTI, bundle size, and memory leaks.
  • Optimization workflow that prevents regressions: Measure → Optimize → Re-measure → Validate with concrete success metrics.
  • Cross-layer coverage: JavaScript/React, native (iOS/Android), and build/bundling strategies (Hermes, Turbo Modules, profiling, and assets).

Quick Start

Use the react-native skill to optimize 'jank while scrolling on a long list' by following the measure → optimize → re-measure loop and prioritizing the highest-impact FPS and bundle recommendations.

Frequently Asked Questions about react-native

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix low FPS and scrolling jank in React Native?▼

Fix React Native low FPS and scrolling jank by profiling the JS thread and bridge overhead, then applying priority-ordered rendering optimizations and re-measuring to validate FPS improvements.

What's the best way to reduce React Native bundle size and improve TTI?▼

Reduce React Native bundle size and improve TTI by analyzing bundling strategies, optimizing Hermes startup behavior, and validating post-change success metrics across iOS and Android platforms.

Why does my React Native app stutter during Reanimated animations?▼

React Native animation stutter occurs due to JS thread blocking; resolve it by profiling animation performance, applying reanimated optimizations, and re-measuring FPS to ensure smooth execution.

How do I diagnose and trace memory leaks in a React Native application?▼

Diagnose React Native memory leaks by conducting memory leak investigations across JS and native layers, applying targeted fixes, and re-measuring to verify memory stabilization.

Do I need a measurement-first workflow to optimize React Native native modules?▼

Yes, optimizing React Native native modules and bridge overhead requires a measurement-first workflow to profile native performance, apply fixes, and re-measure to prevent regressions.

Does this React Native optimization process work for both iOS and Android?▼

Yes, the React Native optimization process validates performance fixes across both iOS and Android, covering JS/React profiling, bundling analysis, native profiling, and memory leak investigation.

Related Skills

Explore More Software Engineering Skills→
0xkynz0xkynz

react-native-best-practices

Apply React Native performance best practices to reduce jank, startup time, and app size.

Community
Advanced
rsmdtrsmdt
381

performance-profiling

Diagnose performance issues by profiling CPU, memory, and I/O metrics.

Community
Advanced
freethinkelfreethinkel
1

react-native-best-practices

Analyze React Native performance bottlenecks and apply optimization strategies.

Community
Intermediate
TrainLCDTrainLCD
71

argent-native-profiler

Profile native CPU hotspots and memory leaks in iOS and Android apps.

Official
Advanced