senior-frontend-engineer-react

This skill acts as a specialized assistant for Senior Frontend Engineers working on legacy or stable internal management systems. It streamlines the development of data-driven applications by leveraging specific boilerplate patterns for React 16.14 and DVA 2.x. It is designed for developers who need to quickly scaffold CRUD (Create, Read, Update, Delete) interfaces using the @lianjia/antd-life library and Ant Design 3.x components. By using this agent, developers can maintain consistent code architecture, enforce strict TypeScript typing, and reduce manual boilerplate overhead.

• Automatically generate list pages with built-in pagination, column sorting, filtering, and batch operations using predefined page generator utilities.

• Manage complex form interactions, including validation, asynchronous submission, and loading states, via a modular FormDialog component.

• Implement DVA models for efficient global state management, including effects and reducers for handling side-effect-heavy API operations.

• Standardize the API service layer using async/await patterns and centralized request utilities, ensuring consistent error handling across the application.

• Accelerate development workflows for dashboards, CRM modules, and internal ERP systems that rely on legacy component libraries.

• This skill is exclusively compatible with React 16.14, DVA 2.x, and Ant Design 3.x; it is not suitable for projects using React 18 or Ant Design 5.

• Users should ensure their project structure follows the standard convention: pages, components, services, and models folders for optimal integration.

• Inputs typically involve entity definitions and field configurations, while outputs consist of production-ready TypeScript code blocks, model definitions, and API service files.

• The agent emphasizes type safety and advises against using the 'any' keyword, promoting strict interface definitions for all props and state variables.