View integrations
How to use Apollo Client with the view layer your application is developed in!
React
Apollo Client's built-in React support allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. Apollo Client 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.
Apollo Client, 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. Apollo Client's React functionality 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.
Svelte
A Svelte integration is maintained by Tim Hall (@timhall). See the Github repository for more details.
Angular
An Angular integration is maintained by Kamil Kisiela (@kamilkisiela). See the website for more details.
Solidjs
A Solid.js integration is maintained by (@Torsten85). See the Github repository for more details.
Ember
An Ember integration is maintained by Josemar Luedke (@josemarluedke). See the Github repository for more details. The creator of the project is Blake Gentry (@bgentry).
Web Components
Web components are the browser-built-in component APIs. They are defined in a framework-agnostic way, using either vanilla JS or libraries like Lit or hybrids
.
apollo-elements includes support for Lit,
gluon
,hybrids
, and Polymer, as well as providing class mixin functions so you can integrate Apollo into vanilla elements or any other web component library. Apollo Elements is maintained by Benny Powers (@bennypowers).polymer-apollo is a separate Polymer integration maintained by Arun Kumar T K (@aruntk).