View integrations

How to use Apollo Client with the view layer your application is developed in!

React

React Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.

React Apollo, unlike some other tools in the React ecosystem requires _no_ complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.

Vue

A Vue.js integration is maintained by Guillaume Chau (@Akryum). See the Github repository for more details.

Angular

To use Apollo with the Angular rendering library, see the Angular guide;

Ember

There are two Ember integrations available:

Web Components

  • Polymer: A Polymer integration is maintained by Arun Kumar T K (@aruntk). See the Github repository for more details.
  • lit-apollo: A set of custom-element base classes that extend from LitElement which let you easily compose front-end apps in a framework-agnostic way. lit-apollo is maintained by Benny Powers (@bennypowers).
Edit on GitHub
// search box