用途:该技能提供现代前端开发专长,聚焦 React、TypeScript 与当前最佳实践;在构建组件、修复前端缺陷、优化性能或确保无障碍合规时应用。
主要能力:React 开发规范(仅用函数组件与 hooks、单一职责、组合优于条件渲染、以 use 前缀抽取自定义 hook、useEffect 返回清理函数);状态管理(派生状态而非同步、单一数据源、显式加载与错误状态、Context 共享状态,并给出 useReducer 与 useState 的取舍);TypeScript 严格类型、用 Zod 做运行时校验与类型推导(z.infer)、错误边界;性能优化(代码分割与懒加载、长列表虚拟化、图片按显示尺寸提供并懒加载、tree shaking、用 React DevTools 分析,useMemo 仅用于昂贵计算、useCallback 配合 memo 子组件、React.memo);React 中的 SOLID 原则;TanStack Query 乐观更新(取消查询、快照、回滚、invalidateQueries);无障碍要求(语义化 HTML、ARIA 标签与角色、键盘导航与焦点管理、WCAG AA 对比度、屏幕阅读器测试);代码组织(导入顺序 builtin→external→internal→parent→sibling、绝对导入、按功能域组织)。
使用方式:资料提供实现工作流——分析需求、用 Read/Grep 审查现有代码、套用上述模式。具体安装命令或调用方式暂未提供。
适用场景:React 组件开发、前端缺陷修复、性能优化、无障碍改进。限制:面向 React 与 TypeScript 技术栈;收益需实测,资料未提供定价、平台可用性或效果数据。