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
React + Relay + GraphQL is the Future
Search
Keith Pitt
November 26, 2015
Programming
12
2.1k
React + Relay + GraphQL is the Future
Keith Pitt
November 26, 2015
Tweet
Share
More Decks by Keith Pitt
See All by Keith Pitt
Buildkite loves Golang
keithpitt
2
360
Keith and Mario's Guide to Continuous Deployment
keithpitt
18
2.4k
Buildbox - Lessons Learned
keithpitt
1
360
Practical Backbone Patterns
keithpitt
16
1.5k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Desktoppr - Lessons Learned
keithpitt
6
690
VendorKit - An Introduction
keithpitt
2
500
A basic introduction to Mustache
keithpitt
3
390
UI Testing with Frank
keithpitt
1
270
Other Decks in Programming
See All in Programming
Vue SFCのtemplateでTypeScriptの型を活用しよう
tsukkee
3
920
Vue3の一歩踏み込んだパフォーマンスチューニング2024
hal_spidernight
3
2k
フロントエンドの現在地とこれから
koba04
10
4.7k
cgroup v2 support in Kubeadm
kentatada
0
220
(Deep|Web) Link support with expo-router
mrtry
0
190
Serverless renderování Webových komponent
rarous
PRO
0
140
LangChain & LangServeでAPIを爆速作成
kijitorabuti
2
360
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
160
UnJSで簡単に始めるCLIツール開発 / cli-tool-development-with-unjs
aoseyuu
2
380
CSC305 Lecture 09
javiergs
PRO
0
120
Why I Choose NetBeans for Jakarta EE
ivargrimstad
0
850
個人開発で使ってるやつを紹介する回
yohfee
1
730
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
40
2.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
41
9.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
260
How to Think Like a Performance Engineer
csswizardry
18
1k
How to train your dragon (web standard)
notwaldorf
88
5.6k
Statistics for Hackers
jakevdp
796
220k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Thoughts on Productivity
jonyablonski
67
4.3k
Being A Developer After 40
akosma
85
590k
[RailsConf 2023] Rails as a piece of cake
palkan
49
4.8k
Producing Creativity
orderedlist
PRO
341
39k
Transcript
None
@keithpitt
None
None
I’m excited! ⚡
But first…history
+ Probably the Future +
Glad I said “probably”
+ Probably the Future +
+ Probably the Future +
+ + Is the future.
React
None
None
Just the UI Lots of people use React as the
V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
None
+ Backbone
+ Flux
+
None
None
None
None
None
None
None
Too many random “Restful” JSON endpoints
The server and the client were coupled
Inefficient and slow
Too much code
Lots of boiler plate
Hard to get started
Telstra
None
None
GraphQL
Relay
GraphQL
None
None
CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23
None
CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23?expand=comments
CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23/comments
None
None
None
A specification
It’s represents data how we think about it
It looks like JSON
Simple HTTP Post
You control what data is returned
Typed
Introspection
None
None
IDE integration
Before commit hook validation
None
None
None
Relay
The glue between GraphQL and React
None
None
None
Demo
Relay
Batched requests
Partial data fetching
Telstra
Things I skipped:
Things I skipped: Webpack + Rails Mutations Security + Authorisation
Routes Subscriptions ES6,7,8,9,10,xx Probably more…
Get excited ⚡
+ + Is the future.
None
None
Demo
None
None
None
None
None
None
None
CURL -X POST \ -H "Authorization: Bearer xxx" \ https://graphql.buildkite.com/v1
\ -d '{ "query": "query AwesomeQuery { viewer { user { name } } }" }'
Fin ❤ @keithpitt