skills.rest
berkcangumusisik
berkcangumusisikCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-perf

Identify performance bottlenecks in React Native apps via static analysis.

11|Updated Apr 16, 2026
Search Tags:#performance#optimization#audit#react-native#render#flatlist
One-click install
npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill mobile-perf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-perf
Source: https://github.com/berkcangumusisik/claude-code-practices/tree/main/skills/mobile-perf
Command: npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill mobile-perf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native apps often suffer from performance bottlenecks due to long FlatList render paths, excessive re-renders, and expensive bridge calls. The Skill provides targeted checks to identify FlatList issues, excessive re-renders, and costly native bridge calls.

Core Features & Use Cases

  • FlatList optimization checks for missing keyExtractor and getItemLayout, suggest memoization etc.
  • Re-render reduction checks identify unnecessary renders from inline props and improper memo usage.
  • Bridge call minimization highlights costly JS-to-native operations and how to mitigate. Use cases include: you have a RN app with long lists, animations, etc.

Quick Start

Run the audit against your React Native project to surface performance issues and actionable fixes.

Frequently Asked Questions about mobile-perf

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify performance bottlenecks in my React Native app?▼

To identify React Native performance bottlenecks, run a static analysis audit on your TS/JS/TSX sources to surface FlatList rendering issues, excessive re-render hotspots, and expensive bridge call overhead.

What causes unnecessary re-renders in React Native FlatList components?▼

Unnecessary re-renders in React Native FlatList components are caused by inline props and improper memo usage; static analysis checks identify these hotspots and suggest memoization to reduce rendering overhead.

How do I optimize React Native FlatList rendering for long lists?▼

Optimize React Native FlatList rendering by applying audit suggestions like adding keyExtractor and getItemLayout, and implementing memoization to fix long render paths and improve scroll performance.

How can I minimize expensive native bridge calls in my React Native codebase?▼

Minimize expensive native bridge calls in a React Native codebase by running an audit that highlights costly JS-to-native operations, providing actionable mitigation patterns to reduce bridge overhead.

Does this React Native performance audit require any specific dependencies?▼

No specific dependencies are required to run this React Native performance audit; it performs static analysis directly on your TS/JS/TSX source files to safely report performance bottlenecks.

Can I use this audit for static analysis on TypeScript React Native projects?▼

Yes, you can use this audit for static analysis on TypeScript React Native projects because it satisfies requirements for analyzing TS/JS/TSX sources to identify performance bottlenecks across codebases.

Related Skills

Explore More Software Engineering Skills→
geinalageinala

frontend-code-review

Review React TS/TSX/JS files against a standardized quality checklist.

Official
Intermediate
takapomtakapom

performance

Optimize React Native app performance with FlatList conversion, memoization, and image optimization.

Community
Advanced
benaorbenaor

react-performance

Profile React Native apps to identify and optimize rendering, startup, and memory bottlenecks.

Community
Advanced
SnakeOSnakeO
9

debug:react-native

Diagnose React Native issues across iOS and Android with a four-phase workflow.

Community
Intermediate