Generate production-ready React Native Cursor rules for Project Rules (.mdc), AGENTS.md, or legacy .cursorrules. This template encodes stack-specific conventions for projects using React Native. React-based mobile framework for building native iOS and Android apps.
The template focuses Cursor AI on concrete React Native practices instead of generic coding advice. Required sections are always included; optional sections can be enabled when they match your project.
The generator turns these sections into Project Rules with frontmatter, AGENTS.md, or a single .cursorrules file depending on the output format you choose.
- Use functional components with hooks.
- Use 2 spaces for indentation.
- Use camelCase for variables and functions.
- Use StyleSheet.create() for static styles.
- Keep platform-specific code isolated with Platform.OS checks.
- Use .native.tsx and .web.tsx extensions for platform-specific files.- Use FlatList instead of ScrollView for long lists.
- Implement getItemLayout for fixed-height list items.
- Use React.memo and useCallback for expensive re-renders.
- Use InteractionManager for heavy operations after animations.
- Optimize images: use proper dimensions and caching.
- Use Hermes engine for better startup performance.- Use React Navigation for screen-based navigation.
- Use Stack Navigator for push/pop navigation flows.
- Use Tab Navigator for bottom tab navigation.
- Use type-safe navigation with TypeScript generics.
- Pass minimal data through route params — use context or state management.
- Handle deep linking with linking configuration.