SKILL.md
$27
- Minimize global variables to prevent unintended side effects
- Leverage ES6+ features like arrow functions, destructuring, and template literals to write concise code
- Use PropTypes for type checking if not using TypeScript
Performance Optimization
- Avoid unnecessary state updates; use local state when needed
- Apply
React.memo()to prevent unnecessary re-renders
- Optimize FlatList with the following props:
removeClippedSubviews
maxToRenderPerBatch
windowSize
- Avoid anonymous functions in
renderItemor event handlers
UI and Styling
- Use
StyleSheet.create()for consistent styling or Styled Components for dynamic styles
- Ensure responsive design across screen sizes and orientations
- Use optimized image libraries like
react-native-fast-image
Best Practices
- Follow React Native's threading model for smooth UI performance
- Use Expo's EAS Build and OTA updates for deployment
- Expo Router: Use Expo Router for file-based routing in your React Native app. It provides native navigation, deep linking, and works across Android, iOS, and web