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
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
390
rage against annotate_predecessor
junk0612
0
170
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
140
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
160
Swift Updates - Learn Languages 2025
koher
2
470
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
520
OSS開発者という働き方
andpad
5
1.7k
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
210
速いWebフレームワークを作る
yusukebe
5
1.7k
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
480
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
320
Featured
See All Featured
Embracing the Ebb and Flow
colly
87
4.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Building Applications with DynamoDB
mza
96
6.6k
A Modern Web Designer's Workflow
chriscoyier
696
190k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Designing for Performance
lara
610
69k
GitHub's CSS Performance
jonrohan
1032
460k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
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