react native expo
via PatrickJS/awesome-cursorrules
Best practices and structure for React Native Expo development with hooks, navigation, and Expo SDK features.
What is react native expo?
This rule provides guidance for building React Native apps with Expo, covering functional components, Expo Router navigation, asset management, and TypeScript integration. Use it when developing cross-platform mobile apps with Expo to ensure consistent patterns and leverage Expo's built-in features.
- Use functional components with hooks and TypeScript for type safety
- Implement navigation with Expo Router and organize code into components, screens, hooks, and utilities folders
- Leverage Expo SDK features including asset system, vector icons, and push notifications
- Apply StyleSheet for styling and use Expo's secure store for sensitive data
- Implement error handling, crash reporting, and offline support
- Enable fast deployments with Expo's over-the-air (OTA) updates
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
// React Native Expo .cursorrules
// React Native Expo best practices
const reactNativeExpoBestPractices = [ "Use functional components with hooks", "Utilize Expo SDK features and APIs", "Implement proper navigation using Expo Router", "Use Expo's asset system for images and fonts", "Implement proper error handling and crash reporting", "Utilize Expo's push notification system", ];
// Folder structure
const folderStructure = assets/ src/ components/ screens/ navigation/ hooks/ utils/ App.js app.json;
// Additional instructions
const additionalInstructions = `
- Use TypeScript for type safety
- Implement proper styling using StyleSheet
- Utilize Expo's vector icons
- Use Expo's secure store for sensitive data
- Implement proper offline support
- Follow React Native best practices for performance
- Use Expo's OTA updates for quick deployments `;
Related rules
Senior full-stack TypeScript, React, Node.js guidance with clean architecture, testing, and WHY-oriented reasoning.
Quantitative factor research skills for designing, evaluating, and mining alpha factors in equities markets.
Android development with Jetpack Compose, clean architecture, and Material Design 3.
Angular development with Novo Elements UI library using standalone components.
Expert Angular 18 + TypeScript development with Jest, emphasizing clean code and performance.
Manage Kubernetes clusters, add-ons, stacks, and credentials via the Ankra CLI platform.