- In order to use Apollo with AngularJS 1.x apps, follow the instructions on the Github repo.
The Apollo team builds and maintains a collection of utilities designed to make it easier to use GraphQL across a range of front-end and server technologies. Although this guide focuses on the integration with Angular, there is a similar guide in the works for React, and the core
If you are looking to use Apollo with a native mobile client, there is a iOS Client in development and plans for an Android client too. On the other hand, the React integration works with React Native on both platforms without changes. If you prefer to use NativeScript as a native mobile client, this Angular guide works there out of the box.
You can learn more about the Apollo project at the project’s home page.
Apollo Client and Angular
- Simple to get started with, you can just read one guide and get going.
- Inspectable and understandable, so that you can have great developer tools to understand exactly what is happening in your app.
- Built for interactive apps, so your users can make changes and see them reflected in the UI straight away.
- Community driven, many of the components of Apollo (including the
angular2-apollointegration) were driven by our community and serve real-world use cases from the outset, and all components are planned and developed in the open.
The Apollo client does more than simply run your queries against your GraphQL server. It analyzes your queries and their results to construct a client-side cache of your data, which is updated as further queries, mutations are run and data is pushed to you from the server. This means that your UI can remain fully up-to-date with the state on the server with the minimum number of queries required.
The best way to use
apollo-client in your Angular app is with
angular2-apollo, a Angular-specific API that’s designed to take full advantage of Apollo. The integration provides a natural API for queries and mutations, and will keep your rendered component tree up to date with the data in the cache seamlessly.
What it works with
Angular Apollo provides a idiomatic Angular API, and is known to work in a straightforward way with many tools used in a typical Angular app. In particular:
- It can integrate naturally with routers, such as Angular Router;
- Uses Redux internally and you can take advantage of this, but also can be used with any other client-side data library that integrates with Angular.
To learn more about Apollo, and how to use it in Angular, visit: