react-native-best-practices
Performance optimization guidelines for React Native applications.
Developer Setup
Setup & Installation
npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-best-practicesnpx skills add https://github.com/callstackincubator/agent-skills --skill react-native-best-practicesOverview
What This Skill Does
Guides performance audits and fixes for React Native code, offering standard patterns for lists (FlashList), bundle sizing, startup time, native profiling, and Hermes optimizations.
Application
When to use this Skill
- Debugging UI lag, stutter, or dropped frames during list scrolling or complex screen transitions.
- Analyzing and reducing JavaScript bundle payload sizes to optimize network loading.
- Measuring and improving cold start app launch time (Time to Interactive) for mobile users.
- Detecting and resolving JavaScript or native platform memory leaks.
- Refactoring resource-heavy ScrollViews to use virtualized list alternatives like FlatList or FlashList.
Documentation
Show Skills.md file
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".
Skill Format
Each reference file follows a hybrid format for fast lookup and deep understanding:
- Quick Pattern: Incorrect/Correct code snippets for immediate pattern matching
- Quick Command: Shell commands for process/measurement skills
- Quick Config: Configuration snippets for setup-focused skills
- Quick Reference: Summary tables for conceptual skills
- Deep Dive: Full context with When to Use, Prerequisites, Step-by-Step, Common Pitfalls
Impact ratings: CRITICAL (fix immediately), HIGH (significant improvement), MEDIUM (worthwhile 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
Recommendations
Explore other random skills
content-modeling-best-practices
Guidelines for designing scalable content models in Sanity
courier-notification-skills
Use when building notifications with Courier across email, SMS, push, in-app inbox, Slack, Teams, or WhatsApp. Covers transactional messages (password reset, OTP, orders, billing), growth notifications (onboarding, engagement, referral), multi-channel routing, preferences and topics, reliability and webhooks, journeys (multi-step notification sequences via API), template CRUD and Elemental content, routing strategies, provider configuration, the Courier CLI and MCP server, and migrations from Knock, Novu, or other notification systems.
venice-api-overview
API basics, auth modes, pricing, and versioning