キャッシュデータを先に返し、バックグラウンドで再検証するデータ取得用React Hooksライブラリ。
TanStack/query
React、Vue、Svelte、Solid向けのバインディングを備えた、Webアプリ用の非同期状態管理・データ取得ライブラリ。
- スター
- 50,456
- フォーク
- 4,222
- 未解決の Issue
- 151
- 最終コミット
- 2 時間前
これは何?
TanStack Queryは、Webアプリケーションでサーバー状態の取得、キャッシュ、同期、更新を扱う非同期状態管理ライブラリです。特定のプロトコルに依存しないため、REST、GraphQL、その他のPromiseベースのデータソースで利用できます。
キャッシュ、バックグラウンドでの再取得、ページネーション、無限スクロール、ミューテーション、依存クエリ、プリフェッチ、リクエストのキャンセルなど、一般的なデータ取得のニーズに対応しています。React Suspenseもサポートしています。コアロジックはフレームワークに依存しないパッケージにあり、React Query、Vue Query、Svelte Query、Solid Query向けの公式アダプターが用意されています。
このプロジェクトはTypeScriptで書かれており、Router、Table、Form、Virtualなどを含むTanStackエコシステムの一部です。
主な機能
- 01stale-while-revalidate方式のバックグラウンド再取得を備えたキャッシュ
- 02ページネーション、無限スクロール、依存クエリ
- 03キャッシュ更新を伴うミューテーション
- 04プリフェッチとリクエストのキャンセル
- 05React、Vue、Svelte、Solid向けの公式バインディング
ユースケース
- RESTまたはGraphQL APIからデータを取得するReactやVueのフロントエンドを構築する
- クライアントアプリで手書きしていたローディング、エラー、キャッシュ処理を置き換える
- リモートデータを使った無限スクロールリストやページ分割されたテーブルを実装する
クイックスタート
- 1
ドキュメントを読み、使用するフレームワークバインディングを選んでください
- 2
CONTRIBUTING.md の開発環境のセットアップ手順に従ってください
トピック
よくある質問
- query とは?
- React、Vue、Svelte、Solid向けのバインディングを備えた、Webアプリ用の非同期状態管理・データ取得ライブラリ。 TanStack Queryは、Webアプリケーションでサーバー状態の取得、キャッシュ、同期、更新を扱う非同期状態管理ライブラリです。特定のプロトコルに依存しないため、REST、GraphQL、その他のPromiseベースのデータソースで利用できます。
- query は無料で使えますか?ライセンスは?
- query は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- query は今もメンテナンスされていますか?
- 活発にメンテナンス中。query の最終コミットは 2026年10月21日 です。
- query は何に使えますか?
- RESTまたはGraphQL APIからデータを取得するReactやVueのフロントエンドを構築する クライアントアプリで手書きしていたローディング、エラー、キャッシュ処理を置き換える リモートデータを使った無限スクロールリストやページ分割されたテーブルを実装する
- query のインストール方法は?
- ドキュメントを読み、使用するフレームワークバインディングを選んでください CONTRIBUTING.md の開発環境のセットアップ手順に従ってください
- query はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/TanStack/query
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
React、Vue、Solid、Svelteなどに対応し、マークアップやスタイルを自由に制御できる、ヘッドレスなTypeScript/JavaScript製テーブルライブラリ。
Provider不要の、React向け小型フックベースの状態管理ライブラリ。
ProseMirrorをベースにした、拡張機能が豊富なヘッドレスかつフレームワーク非依存のリッチテキストエディター。
フローチャート、グラフ、ワークフローエディターなど、ノードベースのインタラクティブなUIを構築するためのオープンソースReact・Svelteライブラリ。
ReactまたはVueを使い、WeChat/Alipayなどのミニプログラム、H5、React Nativeで動作するアプリを構築できる、オープンなマルチプラットフォーム・マルチフレームワークソリューションです。