senior-frontend-engineer-react

此技能作为资深前端工程师的专业助手，专门用于处理基于 React 16.14 与 DVA 2.x 的稳定企业级内部管理系统。它通过标准化样板代码，显著简化了数据驱动型应用的开发流程。对于需要使用 @lianjia/antd-life 库与 Ant Design 3.x 组件快速构建 CRUD（增删改查）界面的开发者来说，这是一个强大的工具。利用此 AI 代理，工程师可以确保架构一致性，实施严格的 TypeScript 类型检测，并大幅减少手动编写样板代码的时间成本。

• 利用预定义的页面生成器工具，自动生成包含分页、列排序、筛选功能及批量操作的列表页面。

• 通过模块化的 FormDialog 组件处理复杂的表单逻辑，包括表单验证、异步提交处理及加载状态监控。

• 实现 DVA 模型，用于高效的全局状态管理，涵盖处理副作用（Side-effect）较多的 API 操作所需的 effects 与 reducers。

• 标准化 API 服务层，采用 async/await 模式与统一的请求工具函数，确保全站错误处理的一致性。

• 加速仪表板、CRM 模块及依赖传统组件库的内部 ERP 系统的开发效率。

• 此技能仅兼容 React 16.14、DVA 2.x 及 Ant Design 3.x，不适用于 React 18 或 Ant Design 5 的项目。

• 用户应确保项目结构遵循约定的目录结构（如 pages, components, services, models），以达到最佳集成效果。

• 输入通常为实体定义与字段配置，输出为可直接使用的 TypeScript 代码块、模型定义及 API 服务文件。

• 该代理强调类型安全性，建议避免使用 'any' 关键字，鼓励为所有 Props 与 State 变量定义严格的接口（Interface）。