rn-performance

What problem does it solve?

React Native performance issues often stem from unnecessary re-renders, unoptimized lists, and expensive computations on the JS thread. This Skill codifies patterns to optimize common bottlenecks in Expo/React Native apps.

Core Features & Use Cases

• FlatList optimization: stable keyExtractor, getItemLayout, and memoized renderItem.
• Memoization & stable references: useMemo, useCallback, and React.memo patterns to reduce re-renders.
• State access optimization: selective Zustand selectors to prevent global store re-renders.
• Image optimization: using expo-image caching to reduce image load jank.
• Use case: a long feed or chat where smooth scrolling is critical.

Quick Start

Identify list-heavy screens, refactor inline props to memoized values, and apply the listed patterns to reduce re-renders and jank. Then measure improvements with the profiler.