Mobile .mdc

React Native Expo

Cursor rules for React Native Expo development.

How to use
  1. Copy the rule content.
  2. In your project root, create .cursorrules or .cursor/rules/react-native-expo.mdc
  3. Paste the content and save.

// 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 = `

  1. Use TypeScript for type safety
  2. Implement proper styling using StyleSheet
  3. Utilize Expo’s vector icons
  4. Use Expo’s secure store for sensitive data
  5. Implement proper offline support
  6. Follow React Native best practices for performance
  7. Use Expo’s OTA updates for quick deployments `;

Similar rules

More in Mobile →