TanStack

前端开发

TanStack Table / Form / Virtual 完全指南

最后更新:2026-03-29 TanStack Table 是一个无头(Headless)表格库,只提供逻辑和状态管理,不提供任何 UI 样式,完全由开发者控制渲染。支持 React、Vue、Solid、Svelte。 无头的含义:Table 的核心是一个状态管理器,你传入数据和列定义,它返回处理好的行、列、单元格数据和操作方法,具体如何渲染成 HTML 完全自定义。 TanStack Form 是一个无头、类型安全的表单状态管理库,支持同步/异步验证,支持 React、Vue、Solid 等。 与 React Hook Form 对比: TanSta

By yellowdog

前端开发

TanStack Query 完全指南

最后更新:2026-03-29 TanStack Query(前身 React Query)是前端异步状态管理库,专门解决服务端数据的获取、缓存、同步和更新问题。支持 React、Vue、Solid、Svelte、Angular。 核心能力: 用 queryKey 工厂函数统一管理缓存键:分散的字符串数组难以追踪和重构,集中定义键工厂: Mutation 后立即 invalidate 相关查询:写操作成功后调用 invalidateQueries,让相关缓存自动重新请求,保持数据一致性: staleTime 与 gcTime 按业务特点调整:静态配置数据

By yellowdog