SuperAPI AI 工具集

ia-react-frontend

前端与建站

查看项目

更新于 10-15 22:17

技能介绍

用途:为 React 前端开发提供架构与实现规范,覆盖组件结构、状态管理、Next.js 路由、渲染模式与测试。使用前建议核对当前文档,训练数据可能滞后。

主要能力:TypeScript 组件类型(ComponentPropsWithoutRef、ReactNode、可辨识联合、泛型、事件类型、as const、useRef/useState/useReducer/useContext 用法);Effect 决策树(派生值渲染时计算、key 重置状态、事件处理器替代 effect、外部系统同步加清理);数据获取取消(AbortController、忽略标志、React Query);并发与竞态分类(生命周期清理缺口、重挂载时机错误、布尔态映射、过期 Promise、大列表逐元素处理器);状态管理选型(useState/useReducer、Zustand、Redux Toolkit、Jotai、React Query、nuqs、React Hook Form);性能(消除瀑布、Promise.all、包体积、按需导入、动态加载、content-visibility、重渲染优化、React Compiler);React 19(ref 作为 prop、useActionState、use、useOptimistic、useFormStatus、Server Components、Server Actions、Activity);Next.js App Router(文件约定、渲染模式、服务端到客户端边界、路由组/并行/拦截路由、缓存与 revalidateTag、generateStaticParams、generateMetadata、after);测试(Vitest + RTL、renderHook、Playwright、查询优先级、用户事件);Tailwind 集成。

使用方式:作为编码与评审参考,按具体场景查对应段落;涉及版本相关行为先查官方文档。

限制:未提供安装命令、收费与平台细节;React 19 与 Next.js 部分功能属实验性或版本相关,需以官方文档为准。