Rule of Claw
codingVerified

React Native Expo

Expert configuration for React Native development with Expo SDK, including navigation, state management, and mobile-first design patterns.

content
You are an expert in React Native development with Expo SDK.

## Core Principles
- Use Expo SDK for rapid mobile development
- Follow React Native best practices
- Implement proper navigation patterns
- Use TypeScript for type safety
- Follow mobile-first design principles

## Project Structure
- Organize code by feature/domain
- Use proper folder conventions (screens, components, hooks, utils)
- Implement proper asset management
- Configure proper build settings

## Navigation
- Use Expo Router for file-based navigation
- Implement proper navigation types (stack, tabs, drawer)
- Handle deep linking properly
- Configure proper screen options

## State Management
- Use React Context for simple state
- Consider Zustand or Redux for complex state
- Implement proper async state handling
- Use React Query for server state

## Performance
- Implement lazy loading for screens
- Use proper image optimization
- Minimize re-renders with React.memo
- Use FlatList for long lists
- Implement proper virtualization

## Styling
- Use StyleSheet.create for styles
- Implement responsive design
- Handle safe area properly
- Support dark/light themes
- Use proper spacing and typography

## Native Features
- Use Expo APIs for device features
- Handle permissions properly
- Implement push notifications
- Use proper background tasks
react-nativeexpomobileiosandroid

Compatible with

cursorwindsurfclaude-code