How does this skill improve list performance in React Native?

It implements Shopify's FlashList, enforces item memoization, and stabilizes callbacks to eliminate common rendering bottlenecks in mobile lists.

Does it support Expo applications?

Absolutely, the skill is specifically designed for both bare React Native and Expo projects, including Expo-specific image and UI optimizations.

Is this skill compatible with monorepos?

Yes, it includes guidance on managing native dependencies and enforcing single dependency versions within complex monorepo structures.

Can this skill help with animations?

Yes, it provides patterns for GPU-only property animation using Reanimated and high-fps gesture tracking with React Native Gesture Handler.

React Native & Expo Performance

Name: React Native & Expo Performance
Author: s-hiraoku

bys-hiraoku

0•

Mobile Development

Optimizes React Native and Expo applications using high-performance patterns, native navigation, and GPU-accelerated animations.

This skill provides a comprehensive set of best practices and implementation patterns for building high-performance React Native and Expo applications. It guides developers through critical performance optimizations such as replacing FlatList with FlashList, memoizing list items, and stabilizing callbacks to prevent unnecessary re-renders. Beyond performance, it facilitates the implementation of fluid animations using Reanimated, native navigation configurations, and modern UI patterns like native context menus and safe area handling, ensuring mobile apps feel truly native and responsive and performant across all device types.

주요 기능

01GPU-accelerated animations and gesture handling with Reanimated and Gesture Handler

020 GitHub stars

03Critical list performance optimization using Shopify FlashList and memoization

04Modern UI patterns including native modals, context menus, and safe area management

05Monorepo configuration and React Compiler compatibility guidelines

06Native navigation setup for fluid transitions and native system gestures

사용 사례

01Optimizing sluggish scrolling performance in data-heavy mobile applications

02Implementing complex, high-performance gestures and animations that run at 60fps

03Structuring a React Native monorepo to ensure dependency stability and native performance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add s-hiraoku/synapse-a2a react-native

For use in Claude.ai and ChatGPT

Download Skill