react-native-performance-practices

Files (40)

• LICENSE.txt
• SKILL.md
• openai.yaml · agents/
• animation-derived-value.md · references/
• animation-gesture-detector-press.md · references/
• animation-gpu-properties.md · references/
• category-index.md · references/
• design-system-compound-components.md · references/
• fonts-config-plugin.md · references/
• imports-design-system-folder.md · references/
• js-hoist-intl.md · references/
• list-performance-callbacks.md · references/
• list-performance-function-references.md · references/
• list-performance-images.md · references/
• list-performance-inline-objects.md · references/
• list-performance-item-expensive.md · references/
• list-performance-item-memo.md · references/
• list-performance-item-types.md · references/
• list-performance-virtualize.md · references/
• monorepo-native-deps-in-app.md · references/
• monorepo-single-dependency-versions.md · references/
• navigation-native-navigators.md · references/
• react-compiler-destructure-functions.md · references/
• react-compiler-reanimated-shared-values.md · references/
• react-state-dispatcher.md · references/
• react-state-fallback.md · references/
• react-state-minimize.md · references/
• rendering-no-falsy-and.md · references/
• rendering-text-in-text-component.md · references/
• scroll-position-no-state.md · references/
• state-ground-truth.md · references/
• ui-expo-image.md · references/
• ui-image-gallery.md · references/
• ui-measure-views.md · references/
• ui-menus.md · references/
• ui-native-modals.md · references/
• ui-pressable.md · references/
• ui-safe-area-scroll.md · references/
• ui-scrollview-content-inset.md · references/
• ui-styling.md · references/

SKILL.md (first lines)

# React Native Performance Practices

Improve mobile behavior while preserving platform conventions, accessibility, and compatibility with the installed framework versions.

## Process

1. Identify the device, runtime, framework versions, and measured user-visible problem.
2. Inspect the affected list, animation, navigation, state, rendering, UI, native dependency, or monorepo boundary.
3. Read only the matching references below.
4. Fix correctness and critical list/rendering work before low-impact tuning.
5. Test on the target physical device when available.
6. Run type checks, tests, and relevant profiling or frame measurements.
7. Report measured evidence and any device path not verified.

## Rule library

- Read the [category index](references/category-index.md) for priority and impact.

### Lists and scrolling

- [Stable callbacks](references/list-performance-callbacks.md)
- [Stable function references](references/list-performance-function-references.md)
- [List images](references/list-performance-images.md)
- [Inline objects](references/list-performance-inline-objects.md)
- [Expensive items](references/list-performance-item-expensive.md)
- [Memoized items](references/list-performance-item-memo.md)
- [Heterogeneous item types](references/list-performance-item-types.md)
- [Virtualized lists](references/list-performance-virtualize.md)
- [Scroll position](references/scroll-position-no-state.md)

### Animation and gestures

- [Derived values](references/animation-derived-value.md)
- [Gesture detector presses](references/animation-gesture-detector-press.md)
- [GPU-friendly properties](references/animation-gpu-properties.md)

### Navigation and UI

- [Native navigators](references/navigation-native-navigators.md)
- [Optimized images](references/ui-expo-image.md)
- [Image galleries](references/ui-image-gallery.md)
- [View measurement](references/ui-measure-views.md)
- [Native menus](references/ui-menus.md)
- [Native modals](references/ui-native-modals.md)
- [Pressable controls](references/ui-pressable.md)
- [Safe-area scrolling](references/ui-safe-area-scroll.md)
- [Scroll content insets](references/ui-scrollview-content-inset.md)
- [Styling](references/ui-styling.md)

### State, rendering, and compiler

- [State dispatchers](references/react-state-dispatcher.md)
- [Initial fallback state](references/react-state-fallback.md)
- [Minimal subscriptions](references/react-state-minimize.md)
- [State ground truth](references/state-ground-truth.md)
- [Conditional rendering](references/rendering-no-falsy-and.md)
- [Text components](references/rendering-text-in-text-component.md)
- [Compiler function destructuring](references/react-compiler-destructure-functions.md)
- [Compiler shared values](references/react-compiler-reanimated-shared-values.md)

### Architecture and configuration

- [Compound components](references/design-system-compound-components.md)
- [Font configuration](references/fonts-config-plugin.md)
- [Design-system imports](references/imports-design-system-folder.md)
- [Hoisted internationalization](references/js-hoist-intl.md)
- [Native dependencies in app packages](references/monorepo-native-deps-in-app.md)
- [Single dependency versions](references/monorepo-single-dependency-versions.md)

From deepaktiwari09/team-agent-skills, MIT.

More from deepaktiwari09/team-agent-skills