Angular 2
love at first sight with GraphQL
slides.com/gerardsans | @gerardsans
Google Developer Expert
Master of Ceremonies
International Speaker
Angular 2 Trainer
Community Leader
800
500
GraphQL
GraphQL
- Developed at Facebook 2012
- Support Mobile Native Teams
- Open sourced in 2015
- Framework agnostic
GraphQL Server
source: blog
Query Language
// Query
{
user(name: "gsans") {
twitter
}
}
// Result
{
"user": {
"twitter": "@gerardsans"
}
}GraphQL Server
source: blog
Apollo Client
Overview
- Analyses and executes queries
- Keeps queries and results cached
- Uses Redux internally
Dependencies
- apollo-client JavaScript client for GraphQL
- angular2-apollo API to run queries and mutations
- graphql-tag Template literal. Static parsing
GraphiQL
Big fans
Is it true love?
only time will tell...
Things to love
- Declarative
- De-coupled from storage
- Validated and structured
- Facilitates Collaboration
- Super fast
Thanks!
Angular 2 love at first sight with GraphQL
By Gerard Sans
Angular 2 love at first sight with GraphQL
GraphQL was developed internally at Facebook in 2012. Its main goal was to allow Native Mobile teams to quickly build new products and collaborate within the large Facebook ecosystem without disrupting existing Data Services. In this talk we are going to introduce GraphQL and how we can use it together with the Apollo Client in Angular 2.
