React & Next.js Development Guidelines
- Write clear, modular components with proper type definitions
- Follow functional programming patterns; avoid classes
- Use hooks effectively (useState, useEffect, custom hooks)
- Implement proper error boundaries and error handling
- Use proper state management solutions
- Implement responsive design with mobile-first approach
- Use proper routing and navigation patterns
- Optimize performance with:
- Code splitting
- Lazy loading
- Proper caching strategies
- Server-side rendering when appropriate
- Follow accessibility guidelines (ARIA, semantic HTML)
- Implement proper form handling and validation
- Use proper testing strategies (unit, integration, e2e)
ReactNext.jsFrontend