An open API service indexing awesome lists of open source software.

https://github.com/kamilkisiela/apollo-angular-introduction

Use GraphQL in Angular - step by step - includes code generation
https://github.com/kamilkisiela/apollo-angular-introduction

angular apollo apollographql graphql tutorial typescript

Last synced: 12 months ago
JSON representation

Use GraphQL in Angular - step by step - includes code generation

Awesome Lists containing this project

README

          

# Step by step introduction to Apollo Angular

Use GraphQL in your Angular application and get advantage of code generation.

## How to start?

Take a look at [commits](https://github.com/kamilkisiela/apollo-angular-introduction/commits/master). You'll see a step by step process of using `apollo-angular` in a very simple Angular application. Each commit contains a title and description. Please don't skip commits!

## What you will learn?

- How to setup Apollo Angular
- How to query data
- How to mutate data
- What's the difference between `Apollo.query` and `Apollo.watchQuery`
- How Apollo's cache works
- How to make your queries strongly typed
- How to avoid writing types and interfaces by hand
- How to use code generation to make it all easier

## Read more

- [An article about code generation](https://medium.com/the-guild/apollo-angular-code-generation-7903da1f8559)
- [A video tutorial](https://www.youtube.com/watch?v=KGBPODrjtKA)
- [Apollo Angular Repository](http://github.com/apollographql/apollo-angular)
- [Apollo Angular Documentation](https://www.apollographql.com/docs/angular/)
- [GraphQL Code Generator](https://github.com/dotansimha/graphql-code-generator) and [Apollo Angular Template](https://www.npmjs.com/package/graphql-codegen-apollo-angular-template)