# React Native Expert

> Use when implementing react native functionality with production-grade patterns and safeguards.

- Skill: `0xharryriddle/react-native-expert` (Agent Skill)
- Install (CLI): `npx skillmds@latest add 0xharryriddle/react-native-expert`
- Raw SKILL.md: https://api.skillmd.com/api/skills/0xharryriddle/react-native-expert/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: 0xharryriddle (https://skillmd.com/u/0xharryriddle)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/0xharryriddle/react-native-expert

---


# 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