SuperAPI AI 工具集

react-dev

前端与建站

查看项目

更新于 10-15 18:31

技能介绍

用途:在构建 TypeScript React 组件、为 hooks 标注类型、处理事件,或使用 React 19、Server Components、类型安全路由时使用。不适用于非 React 的 TypeScript 或纯 JS 的 React。

主要能力:类型化组件与 props(用 ComponentPropsWithoutRef 扩展原生元素、用可辨识联合处理 variant props);事件处理使用具体事件类型(MouseEvent、FormEvent、ChangeEvent、KeyboardEvent 等);hooks 类型化(useState 显式联合/null、useRef 区分 DOM 与可变值、useReducer 可辨识联合 action、自定义 hook 用 as const 返回元组、useContext 空值守卫);泛型组件(keyof T 列键、render props、约束泛型);React 19 变更(ref 作为普通 prop 取代 forwardRef、useActionState 取代 useFormState、use() 解包 promise/context);Server Components 与 Server Actions('use server'、异步组件、use() 传递 promise);类型安全路由(TanStack Router 配合 Zod 校验、React Router v7 自动类型生成)。

使用方式:按需参考随附文档 hooks.md、event-handlers.md、react-19-patterns.md、generic-components.md、server-components.md、tanstack-router.md、react-router.md。

限制:资料未提供安装命令、收费、平台或效果信息;React 19 存在破坏性变更,需迁移。