React Native with Expo
Build cross-platform mobile apps with React Native and Expo framework
# React Native Expo
This document provides comprehensive guidelines for react native expo development and best practices.
---
## Expo Core Features
1. **Use**
- Use Expo CLI for project setup and management
- Implement proper use expo cli for project setup and management
- Follow best practices for optimal results
2. **Leverage**
- Leverage Expo SDK for native functionality access
- Implement proper leverage expo sdk for native functionality access
- Follow best practices for optimal results
3. **Implement**
- Implement proper navigation with React Navigation
- Implement proper implement proper navigation with react navigation
- Follow best practices for optimal results
4. **Use**
- Use Expo constants for environment variables
- Implement proper use expo constants for environment variables
- Follow best practices for optimal results
5. **Handle**
- Handle app state and lifecycle properly
- Implement proper handle app state and lifecycle properly
- Follow best practices for optimal results
---
## Component Development
6. **Use**
- Use functional components with hooks
- Implement proper use functional components with hooks
- Follow best practices for optimal results
7. **Implement**
- Implement responsive design with Dimensions API
- Implement proper implement responsive design with dimensions api
- Follow best practices for optimal results
8. **Handle**
- Handle keyboard avoiding views properly
- Implement proper handle keyboard avoiding views properly
- Follow best practices for optimal results
9. **Use**
- Use FlatList for performance with large lists
- Implement proper use flatlist for performance with large lists
- Follow best practices for optimal results
10. **Implement**
- Implement proper image handling with expo-image
- Implement proper implement proper image handling with expo-image
- Follow best practices for optimal results
---
## Navigation Patterns
11. **Stack**
- Stack navigation for hierarchical flows
- Implement proper stack navigation for hierarchical flows
- Follow best practices for optimal results
12. **Tab**
- Tab navigation for main app sections
- Implement proper tab navigation for main app sections
- Follow best practices for optimal results
13. **Drawer**
- Drawer navigation for side menus
- Implement proper drawer navigation for side menus
- Follow best practices for optimal results
14. **Modal**
- Modal presentations for overlays
- Implement proper modal presentations for overlays
- Follow best practices for optimal results
15. **Deep**
- Deep linking and universal links
- Implement proper deep linking and universal links
- Follow best practices for optimal results
---
## Performance Optimization
16. **Optimize**
- Optimize images and assets
- Implement proper optimize images and assets
- Follow best practices for optimal results
17. **Use**
- Use lazy loading for screens
- Implement proper use lazy loading for screens
- Follow best practices for optimal results
18. **Implement**
- Implement proper memory management
- Implement proper implement proper memory management
- Follow best practices for optimal results
19. **Bundle**
- Bundle splitting with code splitting
- Implement proper bundle splitting with code splitting
- Follow best practices for optimal results
20. **Performance**
- Performance monitoring with Flipper
- Implement proper performance monitoring with flipper
- Follow best practices for optimal results
---
## Platform-Specific Code
21. **Use**
- Use Platform.select() for platform differences
- Implement proper use platform.select() for platform differences
- Follow best practices for optimal results
22. **Implement**
- Implement platform-specific styling
- Implement proper implement platform-specific styling
- Follow best practices for optimal results
23. **Handle**
- Handle safe areas properly
- Implement proper handle safe areas properly
- Follow best practices for optimal results
24. **Test**
- Test on both iOS and Android devices
- Implement proper test on both ios and android devices
- Follow best practices for optimal results
25. **Handle**
- Handle different screen densities
- Implement proper handle different screen densities
- Follow best practices for optimal results
---
## State Management
26. **Context**
- Context API for simple state
- Implement proper context api for simple state
- Follow best practices for optimal results
27. **Redux**
- Redux Toolkit for complex state
- Implement proper redux toolkit for complex state
- Follow best practices for optimal results
28. **Async**
- Async storage for persistence
- Implement proper async storage for persistence
- Follow best practices for optimal results
29. **Secure**
- Secure storage for sensitive data
- Implement proper secure storage for sensitive data
- Follow best practices for optimal results
30. **Cache**
- Cache management strategies
- Implement proper cache management strategies
- Follow best practices for optimal results
---
## Testing
31. **Unit**
- Unit testing with Jest
- Implement proper unit testing with jest
- Follow best practices for optimal results
32. **Component**
- Component testing with React Native Testing Library
- Implement proper component testing with react native testing library
- Follow best practices for optimal results
33. **E2E**
- E2E testing with Detox
- Implement proper e2e testing with detox
- Follow best practices for optimal results
34. **Manual**
- Manual testing on devices
- Implement proper manual testing on devices
- Follow best practices for optimal results
35. **Automated**
- Automated testing in CI/CD
- Implement proper automated testing in ci/cd
- Follow best practices for optimal results
---
## Summary Checklist
- [ ] Core principles implemented
- [ ] Best practices followed
- [ ] Performance optimized
- [ ] Security measures in place
- [ ] Testing strategy implemented
- [ ] Documentation completed
- [ ] Monitoring configured
- [ ] Production deployment ready
---
Follow these comprehensive guidelines for successful react native expo implementation.