React、Vue、Svelte、Solid向けのバインディングを備えた、Webアプリ用の非同期状態管理・データ取得ライブラリ。
apollographql/apollo-client
正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。
- スター
- 19,784
- フォーク
- 2,811
- 未解決の Issue
- 409
- 最終コミット
- 昨日
これは何?
Apollo Clientは、JavaScriptおよびTypeScriptアプリケーション向けのGraphQLクライアントライブラリです。GraphQLサーバーへのクエリやミューテーションの送信、結果のローカルキャッシュへの保存、データの変更に応じたUIの同期を担います。
React、Vue、Angular、Svelte、プレーンなJavaScriptで利用できます。キャッシュは追加設定なしで機能し、type policiesやフィールド単位のルールでカスタマイズできます。クエリと結果には、完全なTypeScript型が用意されています。
npmでは、graphqlパッケージと一緒に@apollo/clientとしてインストールできます。ドキュメント、APIリファレンス、VS Code拡張機能が提供されており、Apollo DevToolsをChromeまたはFirefoxにインストールすると、クエリやキャッシュを調査できます。
主な機能
- 01追加設定なしで使える、組み込みの正規化キャッシュ。
- 02React、Vue、Angular、Svelte、プレーンなJavaScript向けのフレームワーク連携。
- 03クエリ、ミューテーション、結果に対応した完全なTypeScript型。
- 04type policiesによるキャッシュ動作のカスタマイズ。
- 05クエリやキャッシュの状態を調査できるブラウザー向けDevTools拡張機能。
ユースケース
- GraphQL APIからデータを取得するReactのシングルページアプリを構築する。
- VueまたはAngularのフロントエンドに、ローカルキャッシュ付きのGraphQLデータ取得機能を追加する。
- フロントエンドの開発中にGraphQLクエリやキャッシュの内容をデバッグする。
クイックスタート
- 1
npmでApollo ClientとGraphQLをインストールする
npm install @apollo/client graphql
トピック
よくある質問
- apollo-client とは?
- 正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。 Apollo Clientは、JavaScriptおよびTypeScriptアプリケーション向けのGraphQLクライアントライブラリです。GraphQLサーバーへのクエリやミューテーションの送信、結果のローカルキャッシュへの保存、データの変更に応じたUIの同期を担います。
- apollo-client は無料で使えますか?ライセンスは?
- apollo-client は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- apollo-client は今もメンテナンスされていますか?
- 活発にメンテナンス中。apollo-client の最終コミットは 2026年10月19日 です。
- apollo-client は何に使えますか?
- GraphQL APIからデータを取得するReactのシングルページアプリを構築する。 VueまたはAngularのフロントエンドに、ローカルキャッシュ付きのGraphQLデータ取得機能を追加する。 フロントエンドの開発中にGraphQLクエリやキャッシュの内容をデバッグする。
- apollo-client のインストール方法は?
- npmでApollo ClientとGraphQLをインストールする: npm install @apollo/client graphql
- apollo-client はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/apollographql/apollo-client
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ProseMirrorをベースにした、拡張機能が豊富なヘッドレスかつフレームワーク非依存のリッチテキストエディター。
フローチャート、グラフ、ワークフローエディターなど、ノードベースのインタラクティブなUIを構築するためのオープンソースReact・Svelteライブラリ。
ReactまたはVueを使い、WeChat/Alipayなどのミニプログラム、H5、React Nativeで動作するアプリを構築できる、オープンなマルチプラットフォーム・マルチフレームワークソリューションです。
Material UIを使い、RESTまたはGraphQL API上に管理ダッシュボードやバックオフィス向けSPAを構築するReactフレームワーク。
Electron、React、TypeScript、Viteでクロスプラットフォームのデスクトップアプリを構築するためのスターターテンプレート。