react-native-best-practices
A performance optimization guide for React Native applications, providing structured workflows for debugging FPS, TTI, bundle size, memory leaks, and native module performance.
Is react-native-best-practices safe to install?
Review the source first: our audit of react-native-best-practices's source files found 11 shell commands, 1 external URL, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill instructs the agent to execute shell commands for profiling and bundling, which involves local file system access and potential execution of build tools.
How we audit skills: our security review methodology.
Who is this skill for?
React Native developers and engineers performing performance audits or optimization tasks.
What can you do with it?
- Debugging janky UI or animations
- Investigating memory leaks
- Optimizing application startup time
- Reducing bundle and application size
- Profiling React Native performance
- Reviewing code for performance bottlenecks
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable, and prioritized guidelines with specific commands and workflows for React Native performance tuning.
What does the skill file contain?
# React Native Best Practices ## Overview Performance optimization guide for React Native applications, covering JavaScript/React, Native (iOS/Android), and bundling optimizations. Based on Callstack's "Ultimate Guide to React Native Optimization". ## When to Apply Reference these guidelines when: - Debugging slow/janky UI or animations - Investigating memory leaks (JS or native) - Optimizing app startup time (TTI) - Reducing bundle or app size - Writing native modules (Turbo Modules) - Profiling React Native performance - Reviewing React Native code for performance ## Security Notes - T...
Frequently asked questions
What is the recommended workflow for performance issues?
Follow the cycle of Measure, Optimize, Re-measure, and Validate.
Should I use useMemo for every component to improve performance?
No. Do not suggest useMemo or useCallback dependency changes unless behavior is incorrect or profiling shows wasted work.
How do I profile release builds?
Connect @callstack/inspector first to allow React DevTools to attach to the release app, then run the agent-device react-devtools flow.
Related skills
supabase-postgres-best-practices
264.3KDevelopers and database administrators working with Postgres and Supabase
This skill provides a structured set of Postgres performance optimization rules and best practices maintained by Supabase. It guides developers in writing, reviewing, and optimizing SQL queries, schema designs, and database configurations.
audit-website
58.0KDevelopers, SEO specialists, and website administrators who need to automate website health monitoring, technical debugging, and performance optimization
The audit-website skill enables AI agents to perform comprehensive website audits using the squirrelscan CLI. It evaluates websites against 240+ rules across 22 categories, including SEO, performance, security, and accessibility. The skill generates LLM-optimized reports, identifies issues, and provides actionable recommendations for remediation.
swiftui-expert-skill
25.5KDevelopers working on SwiftUI applications who need assistance with state management, performance tuning, API updates, and debugging via Instruments
The swiftui-expert-skill provides guidance for writing, reviewing, and refactoring SwiftUI code for iOS and macOS. It includes workflows for performance optimization, API migration, and Instruments trace analysis.
docker-expert
22.4KDevelopers and DevOps engineers working with Docker containers and Docker Compose
The docker-expert skill provides guidance on Docker containerization, including optimization, security hardening, multi-stage builds, orchestration patterns, and production deployment strategies.