What is GraphQL? Why GraphQL? How to GraphQL? Workshops introduction presentation GraphQL Developers https://selleo.com/graphql-expert-developers-team

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

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

6. 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

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

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

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

10. Why GraphQL?
Reuse of existing architecture

11. 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

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

13. 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

14. 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