Skills
.Work. You
Rest

react-native-performance

Official

Optimize React Native app performance.

Software Engineering#performance#optimization#bundle size#rendering#mobile development#animations#react native
AuthorMolcajeteAI
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses performance bottlenecks in React Native applications, ensuring a smooth and responsive user experience by providing techniques to optimize rendering, list performance, image loading, animations, and bundle size.

Core Features & Use Cases

  • Profiling: Guides users on using tools like React DevTools Profiler and Flipper to identify performance issues.
  • Optimization Techniques: Offers specific code examples and best practices for render optimization (memoization, useCallback), list optimization (FlashList), image optimization (expo-image), and animation optimization (Reanimated).
  • Bundle Size Reduction: Provides strategies for analyzing bundle size and optimizing imports.
  • Use Case: When your React Native app's lists are janky and animations are stuttering, use this skill to apply memoization, switch to FlashList, and leverage Reanimated for smoother UI.

Quick Start

Use the react-native-performance skill to optimize slow-rendering lists in your React Native app.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-native-performance
Download link: https://github.com/MolcajeteAI/plugin/archive/main.zip#react-native-performance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.