SuperAPI AI 工具集

react-19

前端与建站

查看项目

更新于 10-16 07:23

技能介绍

用途:该技能聚焦 React 19 相对 React 18 的变化,不是完整 React 参考,适合在编写 .tsx 组件与 Hooks 时参考,尤其是从旧版本升级的场景。

主要能力:涵盖 ref 作为普通 prop(forwardRef 将被弃用)、ref 回调返回清理函数、Context 直接作为 Provider;新 Hooks 包括 useActionState、useOptimistic、use()(可读取 Promise、可在条件语句后读取 Context)、useFormStatus;Form Actions 与 requestFormReset;原生 title/meta/link 文档元数据;prefetchDNS、preconnect、preload、preinit 资源预加载与样式表 precedence;自定义元素完整支持;水合错误信息改进与第三方脚本兼容;移除 API(ReactDOM.render、hydrate、findDOMNode、propTypes、defaultProps、字符串 ref、旧版 Context 等)及迁移方式;TypeScript 变更(useRef 必须传参、ref 回调不得隐式返回值、JSX 需显式导入等);React 19.2 的 Activity 组件与 useEffectEvent。

使用方式:从 React 16/17 升级建议先升到 18.3 查看弃用警告再升 19。可用 codemod 迁移,例如 npx codemod@latest react/19/migration-recipe,以及 replace-reactdom-render、replace-string-ref、replace-act-import、replace-use-form-state 等单项命令,类型可用 npx types-react-codemod@latest preset-19 ./src。

限制:资料未提供具体版本兼容范围、性能数据或收费信息;部分特性(如 React Compiler、RSC、19.2 特性)依赖相应环境与版本,需自行确认。