Can this skill help with slow app startup times?

Yes, it provides specific guidelines for measuring and optimizing Time to Interactive (TTI), including Hermes mmap configurations and native navigation setup.

What areas of React Native does this skill cover?

It covers JavaScript/React performance, Native (iOS/Android) optimizations, and bundle/app size management based on Callstack's Ultimate Guide.

How does it help with UI lag and frame drops?

It offers patterns for reducing unnecessary re-renders, using atomic state management, and implementing high-performance animations with Reanimated.

Does it support both Expo and bare React Native workflows?

Yes, the guidelines apply to both Expo and bare React Native projects, covering modern tools like Expo SDK 52+, Re.Pack, and Turbo Modules.

React Native Performance & Best Practices

Name: React Native Performance & Best Practices
Author: Joel-barriosnuevo

byJoel-barriosnuevo

0•

Mobile Development

Optimizes React Native applications by providing expert guidelines for performance, bundle size, and native stability.

This skill equips Claude with specialized knowledge derived from Callstack's industry-leading optimization research to debug and enhance mobile applications. It offers actionable patterns for improving FPS, reducing Time to Interactive (TTI), and resolving memory leaks across both JavaScript and native layers. Whether you are optimizing list rendering with FlashList, configuring Hermes for better startup times, or analyzing bundle sizes for production, this skill provides the specific commands, configurations, and code patterns needed to build high-performance React Native apps.

主要功能

01Performance profiling for JS and native threads (iOS/Android)

02Advanced UI optimization for lists, animations, and re-renders

03Startup time (TTI) measurement and improvement workflows

04Memory leak detection and resolution patterns for JS and Native

050 GitHub stars

06Bundle size reduction and tree-shaking optimization strategies

使用场景

01Debugging UI jank and frame drops in complex mobile views

02Refactoring legacy ScrollView components to high-performance FlashLists

03Reducing final IPA/APK size for production app store releases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add joel-barriosnuevo/rockaeterna react-native-best-practices

For use in Claude.ai and ChatGPT

Download Skill