react-native-best-practices
🔌Plugincallstackincubator/agent-skills
|React Native optimization best practices from Callstack, the leading React Native consulting company. Provides agent-optimized, structured instructions for performance, architecture, and mobile development patterns.
Overview
React Native Best Practices is a plugin from Callstack providing performance optimization skills based on "The Ultimate Guide to React Native Optimization." It covers JavaScript/React profiling, native platform optimization, bundling strategies, and is available as a Claude Code plugin, Cursor skill, Codex skill, and through other AI coding assistants following the Agent Skills standard.
Key Features
- JavaScript/React Optimization - Guidance for profiling, FPS monitoring, re-render prevention, list optimization, state management, and animation performance
- Native Platform Optimization - iOS and Android profiling, Time to Interactive (TTI) improvements, memory management, and Turbo Modules adoption
- Bundling Strategies - Bundle analysis, tree shaking, R8 optimization, and app size reduction techniques
- Multi-Agent Installation - Available via Claude Code plugin marketplace, Cursor settings, Codex skill-installer, and manual installation for any Agent Skills-compatible tool
- Additional Skills - Includes GitHub workflow patterns for PRs, code review, and branching, plus a React Native upgrade workflow covering templates, dependencies, and common pitfalls
Who is this for?
This is for React Native developers who want AI-assisted guidance on performance optimization based on Callstack's industry expertise. It is ideal for teams building production React Native apps who need systematic optimization across JavaScript, native, and bundling layers.
Part of
callstackincubator-agent-skills
Installation
/plugin marketplace add callstackincubator/agent-skills/plugin install react-native-best-practices@callstack-agent-skillsMore from this repository8
Validates React Native project structure, component design, performance optimization, and adherence to modern mobile development standards.
Covers the full React Native upgrade workflow including template diffs via Upgrade Helper, dependency updates, Expo SDK steps, and common pitfalls. Provides problem-to-skill mapping and reference files for core upgrades, dependency compatibility, React 19 alignment, and monorepo targeting.
Automates GitHub repository interactions like cloning, branching, committing, and managing pull requests with precision using gh CLI patterns
Agent skill from Callstack for GitHub Actions workflow patterns specifically targeting React Native simulator and emulator build artifacts. Part of a collection that includes React Native best practices, upgrade workflows, and brownfield migration strategies.
Skill validation tool from Callstack that checks Claude Code skills against the agentskills.io spec and best practices, verifying name format, description, metadata, and file structure
An agent skill for incremental migration to adopt React Native or Expo in existing native apps using @callstack/react-native-brownfield, with setup, packaging, and phased integration steps based on Callstack's optimization expertise.
React Native optimization agent skills from Callstack based on 'The Ultimate Guide to React Native Optimization', plus GitHub workflow and upgrade skills.
React Native optimization agent skills from Callstack based on 'The Ultimate Guide to React Native Optimization', plus GitHub workflow and upgrade skills.