About @apollo/client
The @apollo/client package is an essential tool for developers working with GraphQL, offering a fully-featured caching client that streamlines the process of interacting with GraphQL APIs. One of the key purposes of @apollo/client is to provide an efficient, powerful, and comprehensive approach to data fetching. By integrating both local and remote data management into a unified API, this node module simplifies the development process, allowing developers to manage data with ease. The benefits of using @apollo/client include faster application performance due to its intelligent caching mechanisms, which reduce the need for network requests by storing data locally in the client. Additionally, the package supports advanced features like optimistic UI updates and fine-grained control over data, making it an ideal choice for complex, data-driven applications.
To start using @apollo/client in your project, running the command npm install @apollo/client will install the package and all required dependencies, setting up your development environment to leverage the powerful features of Apollo Client. This installation enables you to utilize Apollo Client’s in-built state management capabilities, which are designed to work seamlessly with modern UI frameworks like React, Vue, and Angular. The npm package not only facilitates the fetching and storing of data from a GraphQL server but also enhances the UI by enabling the integration of updates without full page reloads. This leads to a smoother user experience and improved performance across client applications. Additionally, @apollo/client is regularly updated, ensuring compatibility with the latest versions of GraphQL and continuous improvements in features and performance.
Overall, @apollo/client stands out as a leading choice for developers aiming to build robust, efficient, and scalable applications using GraphQL. Its ability to handle both local and server-side data with a unified API simplifies development workflows and enhances application capabilities. Whether you are building a small project or a large-scale enterprise application, @apollo/client provides the tools necessary to manage data effectively and maintain optimal performance.
Dependencies
Core dependencies of this npm package and its dev dependencies.
@graphql-typed-document-node/core, @wry/caches, @wry/equality, @wry/trie, graphql-tag, hoist-non-react-statics, optimism, prop-types, rehackt, response-iterator, symbol-observable, ts-invariant, tslib, zen-observable-ts, @arethetypeswrong/cli, @babel/parser, @changesets/changelog-github, @changesets/cli, @graphql-tools/merge, @graphql-tools/schema, @graphql-tools/utils, @microsoft/api-extractor, @rollup/plugin-node-resolve, @size-limit/esbuild-why, @size-limit/preset-small-lib, @testing-library/jest-dom, @testing-library/react, @testing-library/react-12, @testing-library/user-event, @tsconfig/node20, @types/bytes, @types/fetch-mock, @types/glob, @types/hoist-non-react-statics, @types/jest, @types/lodash, @types/node, @types/node-fetch, @types/react, @types/react-dom, @types/relay-runtime, @types/use-sync-external-store, @typescript-eslint/eslint-plugin, @typescript-eslint/parser, @typescript-eslint/rule-tester, @typescript-eslint/types, @typescript-eslint/utils, acorn, blob-polyfill, bytes, cross-fetch, eslint, eslint-import-resolver-typescript, eslint-plugin-import, eslint-plugin-local-rules, eslint-plugin-testing-library, expect-type, fetch-mock, glob, graphql, graphql-ws, jest, jest-environment-jsdom, jest-junit, lodash, patch-package, prettier, react, react-17, react-dom, react-dom-17, react-error-boundary, recast, resolve, rimraf, rollup, rollup-plugin-cleanup, rollup-plugin-terser, rxjs, size-limit, subscriptions-transport-ws, terser, ts-api-utils, ts-jest, ts-jest-resolver, ts-morph, ts-node, typedoc, typescript, wait-for-observables, web-streams-polyfill, whatwg-fetch
Documentation
A README file for the @apollo/client code repository. View Code
Apollo Client
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
| ☑️ Apollo Client User Survey |
|---|
| What do you like best about Apollo Client? What needs to be improved? Please tell us by taking a one-minute survey. Your responses will help us understand Apollo Client usage and allow us to serve you better. |
Documentation
All Apollo Client documentation, including React integration articles and helpful recipes, can be found at:
https://www.apollographql.com/docs/react/
The Apollo Client API reference can be found at:
https://www.apollographql.com/docs/react/api/apollo-client/
Learn how to use Apollo Client with self-paced hands-on training on Odyssey, Apollo's official learning platform:
https://odyssey.apollographql.com/
Maintainers
| Name | Username |
|---|---|
| Ben Newman | @benjamn |
| Alessia Bellisario | @alessbell |
| Jeff Auriemma | @bignimbus |
| Hugh Willson | @hwillson |
| Jerel Miller | @jerelmiller |
| Lenz Weber-Tronic | @phryneas |
Who is Apollo?
Apollo builds open-source software and a graph platform to unify GraphQL across your apps and services. We help you ship faster with:
- Apollo Studio – A free, end-to-end platform for managing your GraphQL lifecycle. Track your GraphQL schemas in a hosted registry to create a source of truth for everything in your graph. Studio provides an IDE (Apollo Explorer) so you can explore data, collaborate on queries, observe usage, and safely make schema changes.
- Apollo Federation – The industry-standard open architecture for building a distributed graph. Use Apollo’s gateway to compose a unified graph from multiple subgraphs, determine a query plan, and route requests across your services.
- Apollo Client – The most popular GraphQL client for the web. Apollo also builds and maintains Apollo iOS and Apollo Kotlin.
- Apollo Server – A production-ready JavaScript GraphQL server that connects to any microservice, API, or database. Compatible with all popular JavaScript frameworks and deployable in serverless environments.
Learn how to build with Apollo
Check out the Odyssey learning platform, the perfect place to start your GraphQL journey with videos and interactive code challenges. Join the Apollo Community to interact with and get technical help from the GraphQL community.