React Native Architecture
Skill Verified ActiveBuild production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.
To provide developers with a robust set of patterns and best practices for building complex, production-ready React Native applications with Expo.
Features
- Production-ready React Native app development with Expo
- Implementation of complex navigation patterns
- Integration of native modules and platform APIs
- Building offline-first mobile applications
- Optimization of React Native performance
Use Cases
- Starting new React Native or Expo projects
- Implementing advanced navigation flows
- Integrating custom native functionality
- Architecting scalable and maintainable mobile applications
Non-Goals
- Providing a full-fledged application boilerplate
- Covering every possible third-party library integration
- Replacing the need for understanding core React Native concepts
Workflow
- Set up new React Native project with Expo
- Implement core architecture and project structure
- Configure navigation and routing
- Integrate state management and services
- Add native module support
- Optimize for performance and offline capabilities
Practices
- Code Quality
- Performance Optimization
- Cross-Platform Development
- State Management
- Navigation Patterns
Prerequisites
- Node.js and npm/yarn
- Expo CLI installed
- React Native development environment setup
Installation
First, add the marketplace
/plugin marketplace add wshobson/agents/plugin install frontend-mobile-development@claude-code-workflowsQuality Score
VerifiedTrust Signals
Similar Extensions
Auth0 React Native
98Use when adding authentication to React Native or Expo mobile apps (iOS/Android) with biometric support - integrates react-native-auth0 SDK with native deep linking
React Native Expert
97Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.
V3 Ddd Architecture
100Domain-Driven Design architecture for claude-flow v3. Implements modular, bounded context architecture with clean separation of concerns and microkernel pattern.
Expo Expert
100Comprehensive Expo expert with access to complete official documentation covering React Native development, EAS Build, EAS Submit, EAS Update, Expo Router, Expo Modules API, configuration, deployment, and all platform features. Invoke when user mentions Expo, React Native, EAS, Expo Router, mobile app development, iOS/Android development, or cross-platform development.
Auth0 Expo Integration
100Use when adding authentication to Expo (React Native) mobile apps — login, logout, user sessions, protected routes, biometrics, or token management. Integrates react-native-auth0 SDK with Expo Config Plugin for native iOS/Android builds. Trigger for any Expo project needing Auth0, including app.json plugin config, custom scheme setup, or credential management. Do NOT use for bare React Native CLI projects (use auth0-react-native), React web apps (use auth0-react), Next.js (use auth0-nextjs), or backend APIs.
Expo Router Expert
99Expert on Expo Router for file-based routing in React Native apps. Covers navigation, layouts, dynamic routes, deep linking, and TypeScript integration. Invoke when user mentions Expo Router, file-based routing, navigation, app directory, or routing in Expo.