SuperAPI AI 工具集

tanstack-react-table-best-practices

前端与建站

查看项目

更新于 10-15 20:10

技能介绍

该技能聚焦 TanStack Table v9 的约定,目标是让 React 表格兼具稳定 schema 与实例级行为。

用途:在创建或审查 React 表格、列定义、元数据时提供实践指导。

主要能力与要点:

  1. 刻意配置表格:只注册实际需要的功能,共享基础设施只组合用到的行模型和具名函数,不要以 stockFeatures 或整套内置函数注册表作为起点。
  2. 稳定 schema 与选项标识:保持表格契约稳定、能力局部化;提升不可变 schema,对渲染局部值做记忆化(无论是否启用 React Compiler),声明合并仅用于真正的全局契约。
  3. 在最窄的正确边界渲染与订阅:表头、单元格、页脚通过表格原语渲染;通过 receiver 绑定的方法和窄订阅保持实例归属,对接收稳定 table 对象的嵌套组件尤为重要。
  4. 页面加载时保持表格控件一致:处理选择、排序清除、筛选与固定列时,不要把已加载行当作完整数据集。

用法参考来源:GitHub 仓库 TanStack/table;Context7 库 ID /tanstack/table(用于当前文档);DeepWiki 仓库 ID TanStack/table(用于实现细节)。编写或审查代码前,先阅读与当前任务相关的参考。

限制与未提供信息:技能页面未提供安装命令、代码示例、收费方式或平台支持等细节,暂未提供。