Salman Hussain's .cursorrules prompt files

NEW

React Native Expo Ignite .cursorrules prompt file

// React Native Expo Ignite .cursorrules

// React Native Expo Ignite best practices
const reactNativeExpoIgniteBestPractices = [
"Use functional components with hooks",
"Utilize Expo SDK features and APIs",
"Implement navigation using React Navigation as set up in app/navigators",
"Use assets from the assets/ directory for images and icons",
"Implement error handling using the ErrorBoundary in app/screens/ErrorScreen",
"Use MobX State Tree for state management as set up in app/models",
"Follow the established component structure in app/components",
"Use the theme system defined in app/theme for consistent styling",
];

// Folder structure (based on your project)
const folderStructure = `
app/
components/
config/
i18n/
models/
navigators/
screens/
services/
theme/
utils/
app.tsx
assets/
icons/
images/
ignite/
templates/
test/
`;

// Additional instructions
const additionalInstructions = `

Use TypeScript for all new files
Implement styling using the typography and spacing from app/theme
Utilize the Icon component for vector icons
Use Expo's SecureStore for sensitive data (implement in app/utils if needed)
Implement API calls using the api service in app/services/api
Follow the established patterns for creating new screens and components
Use the translate function from app/i18n for internationalization
Extend models in app/models for new data structures
Add new navigation routes in app/navigators/AppNavigator.tsx
Use Expo's OTA updates for quick deployments
Write tests for new functionality in the test/ directory
`;

// Specific rules for this project
const projectSpecificRules = `

Use the Screen component from app/components for new screens
Extend the RootStore in app/models/RootStore.ts for new global state
Use the Button component from app/components for consistent button styling
Implement new forms using the TextField component from app/components
Use the ListView component for optimized list rendering
Follow the established patterns in app/screens for creating new screens
Use the ErrorBoundary component for catching and displaying errors
Implement new API endpoints in app/services/api/api.ts
`;

stack:

React Navigation

MobX State Tree

React Native Expo Ignite .cursorrules prompt file