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）。