Is it compatible with Expo?

Yes, many of the guidelines apply directly to Expo projects, including SDK-specific features like tree-shaking and native asset management.

Can this skill help reduce my app's bundle size?

Yes, it includes detailed guidelines for tree-shaking, barrel import removal, and native code shrinking using R8 and Hermes mmap optimizations.

Does it support both iOS and Android?

Absolutely. The skill covers platform-specific optimizations, including profiling with Xcode Instruments for iOS and Android Studio CPU Profiler.

How does this skill help with React Native performance?

It provides specific patterns and commands to identify and fix performance bottlenecks like unnecessary re-renders, slow TTI, and large bundle sizes using tools like FlashList and Hermes.

React Native Performance Best Practices

Name: React Native Performance Best Practices
Author: satsigner

bysatsigner

•

Mobile Development

Optimizes React Native applications for maximum performance using industry-standard patterns for FPS, startup time, and bundle size.

This skill provides a comprehensive suite of optimization guidelines for React Native developers looking to eliminate UI jank, reduce application Time to Interactive (TTI), and shrink bundle sizes. Based on Callstack's industry-standard optimization research, it offers actionable patterns for both the JavaScript and native layers, covering everything from efficient list rendering with FlashList to advanced Hermes configurations and memory leak detection. It serves as an essential companion during code reviews, debugging sessions, and architectural planning to ensure high-performance mobile user experiences.

主な機能

01Comprehensive FPS and React re-render profiling workflows

0246 GitHub stars

03TTI (Time to Interactive) measurement and cold start improvement

04Native module optimization and Turbo Module threading models

05Bundle size analysis and tree-shaking optimization patterns

06Memory leak detection for both JavaScript and native (iOS/Android) code

ユースケース

01Reducing final app size for App Store and Play Store compliance

02Identifying and fixing UI jank and frame drops in complex animations or lists

03Optimizing application startup time for better user retention

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add satsigner/satsigner react-native-best-practices

For use in Claude.ai and ChatGPT

Download Skill