关于 migrate-v8-to-v9
migrate-v8-to-v9 是一项 React 专用清单,用于将应用从 TanStack Table v8 适配器迁移到 v9。它补充核心迁移清单,涵盖适配器、状态订阅、渲染和验证步骤。
主要功能
- 01检查 React 适配器 API 替换
- 02核对稳定模型输入与行模型槽
- 03迁移状态订阅和更新回调
- 04检查渲染方法与应用级 Hook
- 05验证类型及功能流程
适用场景
- 01规划 React 应用的 v8 到 v9 迁移
- 02审查受影响的状态与渲染代码
- 03验证迁移后的客户端和手动功能
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ tanstack/ table --skill migrate-v8-to-v9安装后在 Claude Code 中输入/migrate-v8-to-v9确认已加载。
附带文件references/adapter-migration.md
详细介绍
React v8 到 v9 迁移检查清单
开始前,运行 intent load @tanstack/table-core#migrate-v8-to-v9。检查其完整的共享检查清单,并阅读应用中涉及的 API 对应的详细核心映射。本检查清单补充了 React 特定的变更。
框架前提:React 18 或更高版本(react >=18)。
适配器审查
- 将
useReactTable替换为useTable;移除@tanstack/react-table/legacy中任何临时使用的useLegacyTable。 - 保持模型输入稳定,并使用显式的
tableFeatures及其行模型插槽。通过核心检查清单审查所有共享变更。 - 将渲染读取替换为选定的
table.state、table.Subscribe或useSelector。仅使用 Atom/Store 快照并不会让 React 订阅变更。 - 为每个受控的
state分片配对提供其更新回调,或提供一个稳定的 React Store Atom。移除全局的onStateChange选项。 - 检查被编译器记忆化的子组件是否隐藏了对构建器方法的读取;在子组件内部订阅,或将选定的值传入子组件。
- 在适用处使用
table.FlexRender或独立的FlexRender;仍支持flexRender。 - 仅在需要统一重复约定时引入
tableOptions或createTableHook;保留应用封装和类型化上下文边界。
查看受影响的详细信息
如果审查发现旧版 React 构建、状态、渲染或应用 Hook 代码,请在编辑前阅读适配器迁移详情。如需替换渲染脚手架,请阅读快速入门。如迁移后存在受控状态或过期状态,请阅读表格状态。
共享的固定、尺寸、排序、选择、原型方法、类型和注册表变更仍参见核心迁移参考。仅重命名 useReactTable 并不能完成迁移。
验证迁移
- 根据已安装的 v9 适配器进行类型检查,并测试每个已启用的客户端/手动功能流程。
- 验证外部状态写入、响应式数据替换,以及上述变更涉及的框架渲染路径。
- 完成核心检查清单;使用布局和选择功能时,也要检查其行为。
- 如果目标是显式功能树摇,则替换临时的
stockFeatures,并移除useLegacyTable。
API 发现
检查 node_modules/@tanstack/react-table/dist/index.d.ts 和导出的适配器声明。共享 API 请查看 node_modules/@tanstack/table-core/dist/index.d.ts。
评论
支持 Markdown