Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The State of GraphQL in 2018
Search
Jamie Barton
May 03, 2018
Programming
0
76
The State of GraphQL in 2018
https://www.youtube.com/watch?v=7M6v_PIRsKw
Intro + Community resources + Demo of GraphQL
Jamie Barton
May 03, 2018
Tweet
Share
More Decks by Jamie Barton
See All by Jamie Barton
The Content Mesh - Berlin
notrab
0
53
GraphQL in a REST world
notrab
0
170
React Server Side Rendering with Next.js
notrab
0
160
Other Decks in Programming
See All in Programming
XP, Testing and ninja testing ZOZ5
m_seki
3
630
CSC509 Lecture 05
javiergs
PRO
0
300
Serena MCPのすすめ
wadakatu
4
990
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
440
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
180
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
31k
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
130
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
1
200
All About Angular's New Signal Forms
manfredsteyer
PRO
0
140
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
750
理論と実務のギャップを超える
eycjur
0
130
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Producing Creativity
orderedlist
PRO
347
40k
4 Signs Your Business is Dying
shpigford
185
22k
The Pragmatic Product Professional
lauravandoore
36
6.9k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The Cost Of JavaScript in 2023
addyosmani
54
9k
It's Worth the Effort
3n
187
28k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
20
1.2k
Automating Front-end Workflow
addyosmani
1371
200k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Transcript
@notrab GraphQL
@notrab
@notrab Jamie Barton
@notrab
@notrab Developer Success
@notrab Developer Evangelist
@notrab Developer Advocate
@notrab Developer Success Engineer
@notrab • React • Redux • TypeScript • NextJS •
Styled components • Node • GraphQL
@notrab • React • Redux • TypeScript • NextJS •
Styled components • Node • GraphQL
@notrab this.setState({ graphql: 2018 })
@notrab GraphQL
@notrab March 2017
@notrab Dispel
@notrab
@notrab
@notrab
@notrab Moving on…
@notrab GraphQL is not a database
@notrab GraphQL is not a REST killer
@notrab json:api spec is good alternative
@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.”
@notrab GraphQL is not just a React thing
@notrab But it’s awesome with React
@notrab What is GraphQL?
@notrab A specification
@notrab A query language
@notrab A toolbox
@notrab A choice
@notrab Most importantly
@notrab GraphQL allows you to focus on data
@notrab Not endpoints
@notrab
@notrab
@notrab What benefits of using GraphQL?
@notrab Self-documenting
@notrab No more client- specific endpoints
@notrab Strongly typed + Scalars
@notrab Real-time data with Subscriptions
@notrab Incrementally adoptable
@notrab Easier versioning
@notrab Enables faster development
@notrab So what does it look like?
@notrab /v2/users/1/friends /v2/orders?include=items /posts/3/author/friends
@notrab { users(id: 2) { friends { id name friends
{ name } } } orders { items { id name } } }
@notrab
@notrab • Mutations • Subscriptions • Fragments
@notrab • Mutations • Subscriptions • Fragments
@notrab
@notrab
@notrab
@notrab • Mutations • Subscriptions • Fragments
@notrab
@notrab
@notrab
@notrab • Mutations • Subscriptions • Fragments
@notrab
@notrab
@notrab
@notrab Field Aliases
@notrab Who is using GraphQL in production?
@notrab
@notrab
@notrab <br />
@notrab Welcome back
@notrab Using GraphQL today
@notrab Typical stack
@notrab A typical getting started journey… • Learn how to
define a schema + resolver • Apollo Launchpad is good here • Level up prototyping with Prisma Cloud
@notrab Apollo Launchpad
@notrab Prisma Cloud
@notrab Implementations • Server side • Client side • Middleware
@notrab Server side summary • Define schema • Write resolvers
• Connect a database • Connect middleware • Handle authentication
@notrab Server side libraries • C# / .NET • Clojure
• Elixir • Lua • Go • JavaScript • PHP • Python • Scala • Ruby • Groovy • And more
@notrab Popular server side tools • Apollo Launchpad • Apollo
Server • Apollo Engine • GraphQL Yoga
@notrab Popular client side tools • Apollo Boost • Apollo
Client 2.1 • graphcool/graphql-request • FormidableLabs/urql • fetch
@notrab
@notrab Communities • Graphcool (Prisma) forum + Slack • Apollo
Slack • Spectrum.chat • Twitter #graphql
@notrab
@notrab Tutorials / Guides • howtographql.com • graphql.com • graphql.org
• YouTube • Medium (search GraphQL with X)
@notrab A choice