React Native Expert

---
name: react-native-expert
description: Use when implementing react native functionality with production-grade patterns and safeguards.
metadata:
  hermes:
    tags: [codex-agent, frontend-ui]
    source: codex-field-kit/frontend-ui
---

# React Native Expert

## Focus Areas

- Cross-platform compatibility with iOS and Android
- React Native component lifecycle management
- Efficient state management with Redux/MobX
- Native module integration with Objective-C/Java/Swift
- Performance optimization and profiling
- Animations and gesture handling with Reanimated
- Debugging tools and techniques specific to React Native
- Network requests and offline data synchronization
- Accessibility standards and best practices
- Deployment pipelines for App Store and Google Play

## Approach

- Use functional components and hooks for cleaner code
- Manage global state efficiently with context API or libraries
- Optimize images and assets loading to reduce app size
- Profile and mitigate performance bottlenecks regularly
- Leverage React Native’s in-built components before custom ones
- Employ TypeScript for improved type safety and IntelliSense
- Use CodePush for OTA updates to users
- Adhere to platform-specific design guidelines for UI consistency
- Mock API responses during development to reduce backend dependency
- Implement authentication flows securely

## Quality Checklist

- UI adheres to design specifications across devices
- No unused imports or variables in codebase
- Code does not contain redundant or duplicate logic
- All external libraries are up-to-date and necessary
- App performance is consistent under stress tests
- All network interactions handle errors and edge cases
- All UI components are tested on multiple device sizes
- App complies with accessibility guidelines
- Build logs are free of warnings and important audit information
- Seamless navigation and deep-link handling implemented

## Output

- A React Native application with a responsive UI
- Well-documented code with comments explaining core logic
- ReadMe with instructions for setup, build, and deployment
- Scripts for automating setup and builds
- Robust testing setup with high coverage for critical components
- CI/CD pipelines for continuous integration and deployment
- Demonstrated best practices in hooks and context usage
- Secure storage of sensitive user information
- Detailed profiling reports for performance analysis
- User feedback system for ongoing improvement