Framework
Version

社群專案

有許多社群專案建立在 TanStack Query 之上,並利用它來提供額外功能或增強開發者體驗。以下專案按字母順序排列。如果您有專案想加入此列表,請提交 PR!

請注意,這些專案完全由社群維護。如有相關問題,請直接聯繫專案維護者。

Atomic CRM

一個功能完整的 CRM 系統,基於 React、react-admin 和 Supabase 構建。

連結: https://marmelab.com/atomic-crm/

batshit

批次管理工具,可將特定時間窗口內對相同資料類型的請求進行去重和批次處理

連結: https://github.com/yornaath/batshit

Blitz

Next.js 的全端工具套件

連結: https://blitzjs.com/

Connect

一套用於構建瀏覽器相容與 gRPC 相容 HTTP API 的函式庫系列

連結: https://connectrpc.com/docs

GraphQL Code Generator

從 GraphQL 結構描述生成 TanStack Query hooks

連結: https://the-guild.dev/graphql/codegen

Http-wizard

具備 TypeScript 魔法 ✨ 的端到端類型安全 Fastify API

連結: https://http-wizard.com

Kubb

為所有 API 生成 SDK

連結: https://www.kubb.dev/

NgQuery

Angular 適用的查詢轉接層

連結: https://ngneat.github.io/query/

Normy

為資料獲取函式庫提供自動化正規化與資料更新功能

連結: https://github.com/klis87/normy

OpenAPI codegen

基於 OpenAPI 結構描述生成程式碼的工具

連結: https://github.com/fabien0102/openapi-codegen

OpenAPI Qraft React

直接從 OpenAPI 文件生成類型安全的 API 客戶端與 TanStack Query Hooks。 零運行時開銷、基於 Proxy 的設計、無縫 SSR 支援,完整 TanStack Query 功能。

連結: https://github.com/OpenAPI-Qraft/openapi-qraft

OpenAPI TanStack Query codegen

基於 OpenAPI 規範文件生成 TanStack Query hooks

連結: https://github.com/7nohe/openapi-react-query-codegen

OpenAPI zod client

從 OpenAPI 規範生成 zodios 客戶端

連結: https://github.com/astahmer/openapi-zod-client

openapi-fetch

僅 2KB 的類型安全 fetch 封裝,使用靜態 TypeScript 類型推斷且無需運行時檢查

連結: https://openapi-ts.dev/openapi-react-query/

Orval

從 OpenAPI 規範生成 TypeScript 客戶端

連結: https://orval.dev/

Query Key factory

用於創建類型安全標準化查詢鍵的函式庫,適用於 @tanstack/query 的快取管理

連結: https://github.com/lukemorales/query-key-factory

Rapini

🥬 OpenAPI 轉 TanStack Query (或 SWR) & Axios 工具

連結: https://github.com/rametta/rapini

TanStack Query Kit

🕊️ 讓 ReactQuery hooks 可複用且類型安全的工具套件

連結: https://github.com/liaoliao666/react-query-kit

TanStack Query Rewind

在開發過程中進行狀態時光旅行與視覺化

連結: https://reactqueryrewind.com/

TanStack Query Swagger

基於 Swagger API 定義生成 TanStack Query hooks

連結: https://github.com/Shaddix/react-query-swagger

Suspensive TanStack Query

為 TanStack Query 增強 Suspense 支援,實現更簡單且宣告式的資料獲取

連結: https://suspensive.org/docs/react-query/motivation

tRPC

輕鬆實現端到端類型安全的 API

連結: https://trpc.io/

ts-rest

為新舊 API 提供可漸進採用的類型安全方案

連結: https://ts-rest.com/

wagmi

基於 @tanstack/react-query 的 Ethereum React Hooks

連結: https://wagmi.sh/

zodios

端到端類型安全的 REST API 工具箱

連結: https://www.zodios.org/