任务详情
前端开发需求
## 技术栈要求
- **框架**：React 18+
- **UI库**：Ant Design 5.x
- **类型检查**：Typescri-pt
- **构建工具**：Vite
- **状态管理**：Redux Toolkit 或 React Context API
- **路由**：React Router v6
- **HTTP请求**：Axios
## 代码规范要求
1. **目录结构清晰**：
- 组件、页面、服务分离
- 相关功能模块化组织
2. **命名规范**：
- 组件使用Pascal命名法（如LoginForm）
- 函数和变量使用camelCase（如getUserData）
- 常量使用大写（如API_URL）
3. **Typescri-pt要求**：
- 严格定义接口和类型
- 避免使用any类型
- 为所有props定义清晰的接口
4. **组件开发规范**：
- 功能组件使用React Hooks
- 关注点分离，一个组件只负责一个功能
- 较大组件适当拆分为小组件
5. **性能优化**：
- 使用React.memo避免不必要的重渲染
- 实现按需加载和代码分割
- 大型列表使用虚拟滚动
6. **注释要求**：
- 关键函数需要JSDoc注释
- 复杂逻辑需要添加说明注释
- 组件props需要注释说明用途
## 开发要求
1. 严格按照设计图实现UI，包括配色、布局和交互
2. 实现响应式设计，确保在移动端和桌面端均有良好体验
3. 确保代码可维护性和可扩展性，方便后续开发人员理解和扩展
4. 实现合理的错误处理和加载状态展示
5. 代码提交前进行ESLint和Prettier格式化
