1.
How To GraphQL
October 10, 2017
Tomasz Bąk
t.bak@selleo.com

2.
About me
● software developer and architect, speaker, trainer
○ 12+ years of experience
○ 4+ years senior frontend developer
■ Ember, Angular, React
● co-founder of selleo.com
● http://selleo.com/people/tomasz-bak

3.
Agenda
What is GraphQL?
Why GraphQL?
How to GraphQL?
Workshops

4.
What is GraphQL?
Source: http://graphql.org
● a query language for your API
● created by Facebook in 2012
● key concepts of the GraphQL query language are
○ Hierarchical
○ Product‐centric
○ Strong‐typed
○ Introspective

5.
What is GraphQL?
Source: http://graphql.org

6.
Why GraphQL?
REST vs GraphQL
Source: https://medium.com/@ottovw/rest-api-downfalls-and-dawn-of-graphql-dd00991a0eb8

7.
Why GraphQL?
Version Free, Strong-Typed API architecture

8.
Why GraphQL?
Reuse of existing architecture

9.
graphql.org
Why GraphQL?
● Ask for what you need, get exactly that
● Get many resources in a single request
● Describe what’s possible with a type system
● Move faster with powerful developer tools
● Evolve your API without versions
● Bring your own data and code
Source: http://graphql.org

10.
Who’s using GraphQL?
Source: http://graphql.org

11.
HowToGraphql.com
The Fullstack Tutorial for GraphQL
Frontend tutorials:
● Ember + Apollo
● Vue + Apollo
● React + Relay
● React + Apollo
Backend tutorials:
● graph.cool
● graphql.js
● graphql-elixir
● graphql-ruby
● graphql-java
● graphql-python

12.
Workshops
graphql-ruby (~784k total downloads)
react-apollo (~241k downloads in the last month)
● Based on classic Northwind sample database
● Best Practices, TDD
● Signup, Signin
● Dashboard with charts
● CRUD, validations
● Nested objects
● Filtering and sorting listings