Does this skill work with Expo?

Absolutely. It includes Expo-specific optimizations such as using expo-image for better caching and performance compared to the standard Image component.

Can it help reduce my app's bundle size?

Yes, it includes strategies for bundle analysis, optimizing imports (e.g., date-fns or icons), and replacing heavy libraries like Moment.js with lightweight alternatives.

How does this skill help with React Native scrolling lag?

The skill provides specific implementation patterns for replacing FlatList with FlashList, using estimatedItemSize, and memoizing list items to ensure smooth 60fps scrolling.

What profiling tools does this skill recommend?

It guides users through using the React DevTools Profiler, Flipper for advanced debugging, and the native Performance Monitor to track FPS and memory usage.

React Native Performance Optimizer

Name: React Native Performance Optimizer
Author: IvanTorresEdge

byIvanTorresEdge

0•

Mobile Development

Optimizes React Native applications by implementing best practices for rendering, lists, images, and animations.

The React Native Performance skill provides a comprehensive toolkit for diagnosing and fixing performance bottlenecks in mobile applications. Grounded in the principle of profiling before optimizing, it offers implementation patterns for memory management, stable render references, and high-performance alternatives to standard components like FlashList and Reanimated. This skill is essential for developers looking to achieve 60fps animations, reduce application bundle sizes, and eliminate scrolling jank in complex cross-platform interfaces.

主な機能

01Comprehensive profiling workflows using Flipper and React DevTools

02Optimized list rendering patterns using Shopify's FlashList

03Memory leak prevention and subscription cleanup strategies

04UI-thread animation implementation with React Native Reanimated

050 GitHub stars

06Bundle size analysis and tree-shaking optimization techniques

ユースケース

01Eliminating scroll lag and jank in data-intensive lists

02Improving app responsiveness and reducing UI thread blocking

03Optimizing image-heavy applications with advanced caching and blurhash support

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ivantorresedge/molcajete.ai react-native-performance

For use in Claude.ai and ChatGPT

Download Skill