Development Setup

Development Setup

Code Style

• ESLint configuration
• Prettier setup
• TypeScript strict mode
• Component naming conventions

Component Guidelines

• Use functional components
• Implement proper TypeScript types
• Follow atomic design principles
• Maintain component documentation

State Management

• Use React Context for global state
• Implement custom hooks
• Handle side effects properly
• Optimize re-renders

Testing

• Unit tests with Vitest
• Component testing
• Integration testing
• E2E testing setup

Performance Optimization

• Code splitting
• Lazy loading
• Bundle size optimization
• Image optimization