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
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
220
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
260
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
350
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
160
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
510
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.8k
Design Foundational Data Engineering Observability
sucitw
3
190
RDoc meets YARD
okuramasafumi
4
170
はじめてのMaterial3 Expressive
ym223
2
290
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
390
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
150
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
A Modern Web Designer's Workflow
chriscoyier
696
190k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Documentation Writing (for coders)
carmenintech
74
5k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
Bash Introduction
62gerente
615
210k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
It's Worth the Effort
3n
187
28k
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