Development Workflow

Code Organization Principles

1. Feature-Based Structure: Code is organized by features rather than file types
2. API-First Design: All data operations go through RTK Query API slices
3. Type Safety: Comprehensive TypeScript coverage with strict mode
4. Component Composition: Reusable components built with Radix UI primitives

Development Best Practices

1. Git Workflow:

   • Create feature branches from main
   • Use conventional commits: feat:, fix:, docs:, style:, refactor:
   • Husky pre-commit hooks ensure code quality

2. Component Development:

   • Use TypeScript for all components
   • Implement proper prop interfaces
   • Follow accessibility guidelines (ARIA)
   • Use Tailwind CSS for styling

3. API Integration:

   • Define API endpoints in feature-specific slices
   • Use RTK Query for automatic caching and synchronization
   • Implement optimistic updates for better UX

4. State Management:

   • Keep global state minimal
   • Use local state for component-specific data