The State of GraphQL in 2018

https://www.youtube.com/watch?v=7M6v_PIRsKw

Intro + Community resources + Demo of GraphQL

Transcript

1. @notrab GraphQL
2. @notrab
3. @notrab Jamie Barton
4. @notrab
5. @notrab Developer Success
6. @notrab Developer Evangelist
7. @notrab Developer Advocate
8. @notrab Developer Success Engineer
9. @notrab • React • Redux • TypeScript • NextJS • Styled components • Node • GraphQL
10. @notrab • React • Redux • TypeScript • NextJS • Styled components • Node • GraphQL
11. @notrab this.setState({ graphql: 2018 })
12. @notrab GraphQL
13. @notrab March 2017
14. @notrab Dispel
15. @notrab
16. @notrab
17. @notrab
18. @notrab Moving on…
19. @notrab GraphQL is not a database
20. @notrab GraphQL is not a REST killer
21. @notrab json:api spec is good alternative
22. @notrab – Monzo “The Monzo API is designed to be a predictable and intuitive interface for interacting with users’ accounts. We offer both a REST API and webhooks.”
23. @notrab GraphQL is not just a React thing
24. @notrab But it’s awesome with React
25. @notrab What is GraphQL?
26. @notrab A specification
27. @notrab A query language
28. @notrab A toolbox
29. @notrab A choice
30. @notrab Most importantly
31. @notrab GraphQL allows you to focus on data
32. @notrab Not endpoints
33. @notrab
34. @notrab
35. @notrab What benefits of using GraphQL?
36. @notrab Self-documenting
37. @notrab No more client- specific endpoints
38. @notrab Strongly typed + Scalars
39. @notrab Real-time data with Subscriptions
40. @notrab Incrementally adoptable
41. @notrab Easier versioning
42. @notrab Enables faster development
43. @notrab So what does it look like?
44. @notrab /v2/users/1/friends /v2/orders?include=items /posts/3/author/friends
45. @notrab { users(id: 2) { friends { id name friends { name } } } orders { items { id name } } }
46. @notrab
47. @notrab • Mutations • Subscriptions • Fragments
48. @notrab • Mutations • Subscriptions • Fragments
49. @notrab
50. @notrab
51. @notrab
52. @notrab • Mutations • Subscriptions • Fragments
53. @notrab
54. @notrab
55. @notrab
56. @notrab • Mutations • Subscriptions • Fragments
57. @notrab
58. @notrab
59. @notrab
60. @notrab Field Aliases
61. @notrab Who is using GraphQL in production?
62. @notrab
63. @notrab
64. @notrab <br />
65. @notrab Welcome back
66. @notrab Using GraphQL today
67. @notrab Typical stack
68. @notrab A typical getting started journey… • Learn how to define a schema + resolver • Apollo Launchpad is good here • Level up prototyping with Prisma Cloud
69. @notrab Apollo Launchpad
70. @notrab Prisma Cloud
71. @notrab Implementations • Server side • Client side • Middleware
72. @notrab Server side summary • Define schema • Write resolvers • Connect a database • Connect middleware • Handle authentication
73. @notrab Server side libraries • C# / .NET • Clojure • Elixir • Lua • Go • JavaScript • PHP • Python • Scala • Ruby • Groovy • And more
74. @notrab Popular server side tools • Apollo Launchpad • Apollo Server • Apollo Engine • GraphQL Yoga
75. @notrab Popular client side tools • Apollo Boost • Apollo Client 2.1 • graphcool/graphql-request • FormidableLabs/urql • fetch
76. @notrab
77. @notrab Communities • Graphcool (Prisma) forum + Slack • Apollo Slack • Spectrum.chat • Twitter #graphql
78. @notrab
79. @notrab Tutorials / Guides • howtographql.com • graphql.com • graphql.org • YouTube • Medium (search GraphQL with X)
80. @notrab A choice