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

GraphQLHub.com

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!