How does this skill improve React Native app performance?

It applies 130+ specialized rules focusing on FPS monitoring, memory management, and optimized rendering patterns to eliminate UI jank and improve Time to Interactive (TTI).

What industry standards are these rules based on?

The guidelines are derived from Callstack's 'Ultimate Guide to React Native Optimization' and Vercel's performance-driven engineering patterns.

Can it help reduce the size of my mobile app bundle?

Absolutely. It provides strategies for tree-shaking, R8 shrinking for Android, barrel export avoidance, and Hermes mmap configuration to significantly reduce bundle size.

Does this skill support Expo-specific projects?

Yes, it includes specific optimizations for the Expo ecosystem, including config plugins, expo-image handling, and native UI patterns tailored for Expo SDKs.

Does it provide guidance for complex animations?

Yes, it includes specialized rules for React Native Reanimated, focusing on GPU-accelerated properties, worklets, and gesture handler integration.

React Native & Expo Optimization

Name: React Native & Expo Optimization
Author: gigs-slc

bygigs-slc

0•

Mobile Development

Optimizes React Native and Expo applications using 130+ industry-standard performance rules and code patterns from Callstack and Vercel.

This skill provides a comprehensive optimization framework for React Native and Expo, merging Callstack's technical profiling expertise with Vercel's high-performance code patterns. It enables Claude to diagnose UI jank, stabilize list performance, minimize bundle sizes, and implement advanced animations using Reanimated. Whether you are debugging memory leaks, optimizing Time to Interactive (TTI), or implementing the React Compiler, this skill ensures your mobile applications follow the latest performance benchmarks and architectural best practices used by top-tier engineering teams.

主な機能

01Advanced UI profiling and FPS optimization based on Callstack industry guides

02Native UI patterns for high-performance navigation, modals, and gesture handling

030 GitHub stars

04High-performance list implementation strategies using FlashList and LegendList

05Bundle size reduction and tree-shaking patterns to minimize app footprint

06React Compiler integration and modern state management optimization patterns

ユースケース

01Refactoring legacy components to follow modern Expo and React Native best practices

02Reducing JavaScript bundle size and optimizing mobile app startup time (TTI)

03Debugging slow scroll performance and UI freezes in complex production apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gigs-slc/react-native-skills react-native

For use in Claude.ai and ChatGPT

Download Skill