管理React查询缓存键
Query Cache Flow 是面向 React 应用中 TanStack Query 的缓存键管理模式与框架。它并不是一个 npm 包,而是建议开发者将实现代码复制到项目中,并按业务需要改造。其目标是让开发者少手写 queryKey 和缓存失效逻辑,把 REST API、OpenAPI、KUBB 代码生成与自定义 wrapper 层串起来。
它的核心是结构化 QueryKey:以 entity、method、可选 id 组织缓存键,避免项目中出现不一致的字符串或数组约定。createQueryGroupCRUD 可以为资源快速生成 all、list、detail、create、update、remove 等查询组;mutation 通过 invalidates 描述相关查询,配合 invalidateQueriesForKeys 触发失效。normalize 函数则用于列表与详情缓存的乐观更新。文档还展示了包装 KUBB 生成 hooks 的方式,以及用 inyectKeysToQueries 向所有 key 注入 auth 等共享上下文。
从正文看,它主要服务 React 18+、TanStack Query v5.x 项目,推荐 TypeScript。生态重点在 OpenAPI Spec 与 KUBB Codegen,适合已有接口生成流程的团队。它没有独立后端、云服务或 SDK,本质上是一段可嵌入项目的 TypeScript 工具代码。
页面未提供任何收费计划,也未显示商业订阅。由于它是 pattern 而非 package,落地成本主要是团队理解、复制、改造与维护代码。对于小团队,这种方式轻量;对大型团队,则需要补充测试、代码规范和版本治理。
优点是概念清晰、依赖少、与 TanStack Query 结合紧密,并能显著规范 CRUD 场景下的缓存键。缺点是它不是正式库,缺少许可证、版本发布、社区支持等信息;复杂查询关系、分页、权限维度、多租户缓存等仍需自行扩展。它适合 React/TypeScript 后台、SaaS 管理端、OpenAPI + KUBB 工程化程度较高的团队。
抓取文本未提供网络可用性、国内镜像或支付信息,china_access 只能判定为未知。若访问站点或 GitHub 不稳定,可参考 TanStack Query 原生管理、query-key-factory、React Query Kit 或团队自研封装作为替代。
本测评基于公开资料整理,不构成购买建议,请以 querycacheflow.com 官网实际信息为准。
面向前端开发,减少缓存失效心智负担。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。