SuperAPI AI 工具集

tanstack-preact-table-migrate-v8-to-v9

前端与建站

查看项目

更新于 10-16 06:13

技能介绍

用途:把使用 Preact 的 TanStack Table v8 项目完整迁移到 v9,从 preact/compat 下的 react-table 切换到原生 @tanstack/preact-table。前置要求 Preact 10 或更高版本。

主要能力:以表格形式给出破坏性变更对照,包括适配器与构造(useReactTable 改为 useTable({ ...options, features }))、八个可选行模型工厂移入 tableFeatures()、移除 getCoreRowModel;特性注册需先注册前置特性再放行模型槽;状态从 getState()/onStateChange 改为响应式 table.state、table.store.state、atoms 或按切片回调;渲染从 flexRender 改为 table.FlexRender 或 FlexRender;类型助手需加入 TFeatures;固定列从 left/right 改为 start/end,并区分 columnSizingFeature 与 columnResizingFeature,重命名排序相关 API,移除下划线内部方法,调整 some-selected 语义。

使用方式:按资料中的迁移步骤执行——替换导入、盘点所用特性与行模型、按前置顺序构建 tableFeatures()、应用固定/尺寸/排序/行/选择映射、更新类型与助手、替换状态与订阅、替换未绑定方法并迁移渲染,最后类型检查并测试所有启用的客户端和服务端流程。可在需要复用或渲染隔离时添加 tableOptions、订阅或 createTableHook。

适用场景:使用 Preact 与 TanStack Table v8 并希望迁移到原生 v9 适配器的项目。

限制:目标是需按已安装声明确认的确切 v9 API,不同 v9 版本接口可能不同;stockFeatures 仅作为一次性迁移捷径,若需 tree-shaking 应在审计后移除;逻辑固定不自动设置 DOM 方向,需使用逻辑 CSS insets;不要仅因 v8 用 preact/compat 就照搬 React 适配器 API。