·react-native
</>

react-native

Complete React Native and Expo optimization guide combining Callstack profiling with Vercel code patterns. Covers FPS, TTI, bundle size, memory, lists, animations, state, UI, and React Compiler. Use for any React Native performance, debugging, or best practices task.

17Installs·2Trend·@gigs-slc

Installation

$npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native

How to Install react-native

Quickly install react-native AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: gigs-slc/react-native-skills.

SKILL.md

View raw

| 1 | Core Rendering | CRITICAL | Vercel | | 2 | List Performance | CRITICAL | Both | | 3 | FPS & Re-renders | CRITICAL | Callstack | | 4 | Bundle Size | CRITICAL | Callstack | | 5 | Animation | HIGH | Both | | 6 | Navigation | HIGH | Vercel | | 7 | TTI Optimization | HIGH | Callstack | | 8 | UI Patterns | HIGH | Vercel |

| 9 | Native Performance | HIGH | Callstack | | 10 | State Management | MEDIUM | Vercel | | 11 | React Compiler | MEDIUM | Both | | 12 | Memory Management | MEDIUM | Callstack | | 13 | Monorepo | MEDIUM | Vercel |

| App crashes | rendering-no-falsy-and, rendering-text-in-text-component | - | | List scroll jank | list-performance- | js-lists-flatlist-flashlist.md | | Animation drops frames | animation-gpu-properties | js-animations-reanimated.md | | Too many re-renders | react-state-minimize | js-profile-react.md, js-react-compiler.md |

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from gigs-slc/react-native-skills

Quick answers

What is react-native?

Complete React Native and Expo optimization guide combining Callstack profiling with Vercel code patterns. Covers FPS, TTI, bundle size, memory, lists, animations, state, UI, and React Compiler. Use for any React Native performance, debugging, or best practices task. Source: gigs-slc/react-native-skills.

How do I install react-native?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/gigs-slc/react-native-skills --skill react-native Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/gigs-slc/react-native-skills