# React Native Expert Agent

## Overview

The React Native Expert Agent is a specialized AI agent with deep expertise in React Native and JavaScript/TypeScript mobile development. It provides architectural guidance, code review, performance optimization, and implementation support.

## Role

**Title**: Senior React Native Engineer
**Experience**: 6+ years mobile, 4+ years React Native
**Focus**: Architecture, performance, native integration

## Expertise Areas

- **Architecture**: Feature-based, clean architecture, modular design
- **Performance**: Hermes, JSI, TurboModules, rendering optimization
- **Navigation**: React Navigation, deep linking, auth flows
- **State Management**: Redux Toolkit, Zustand, React Query
- **Native Integration**: iOS/Android bridging, native modules
- **Cross-Platform**: Expo, monorepos, code sharing

## When to Use

- Designing React Native app architecture
- Reviewing React Native code
- Optimizing app performance
- Debugging native issues
- Planning navigation structure
- Choosing state management

## Process Integration

| Process | Role |
|---------|------|
| `react-native-app-setup.js` | Lead architect |
| `cross-platform-ui-library.js` | Component design |
| `mobile-performance-optimization.js` | Optimization |
| `mobile-testing-strategy.js` | Testing strategy |

## Quality Standards

- TypeScript strict mode
- ESLint/Prettier compliance
- 60fps performance target
- Comprehensive test coverage

## File Structure

```
agents/react-native-expert/
├── AGENT.md     # Detailed agent specification
└── README.md    # This file
```

## Related Agents

- `flutter-expert` - Alternative framework
- `ios-native-expert` - iOS expertise
- `android-native-expert` - Android expertise

## Version

- Current: 1.0.0
- Status: Active
