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
JavaScriptures 4.1 - Relay
Search
Artsy Open Source
April 11, 2018
Programming
0
210
JavaScriptures 4.1 - Relay
https://github.com/artsy/javascriptures/tree/master/4_intro-to-relay
Artsy Open Source
April 11, 2018
Tweet
Share
More Decks by Artsy Open Source
See All by Artsy Open Source
Adding React Native to an Existing App - Artsy x React Native 2018
artsyopensource
0
440
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
820
Learning How to Learn - Artsy x React Native
artsyopensource
0
420
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
400
JavaScriptures 4.2 - Local State
artsyopensource
0
370
JavaScriptures 3 - Styled Components
artsyopensource
1
330
JavaScriptures 2 - TypeScript
artsyopensource
0
300
JavaScriptures 1 - React
artsyopensource
0
330
Other Decks in Programming
See All in Programming
Rust.Nagoya #1
codemountains
0
170
Terraformテスト入門
msato
0
540
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
110
CSC307 Lecture 13
javiergs
PRO
0
150
CSC307 Lecture 10
javiergs
PRO
0
310
CSC307 Lecture 14
javiergs
PRO
0
220
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
HMSコンペ 11th Solution (team : kansai-kaggler)
t88
1
680
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
継続的な活動で築く地方エンジニアの道
myamashii
2
360
Featured
See All Featured
Designing for Performance
lara
604
67k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
How to Ace a Technical Interview
jacobian
274
23k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Writing Fast Ruby
sferik
623
60k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Design by the Numbers
sachag
277
18k
It's Worth the Effort
3n
181
27k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
The Cult of Friendly URLs
andyhume
75
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Transcript
Relay Let there be data in the firmament JavaScriptures IV.I
Alloy
Why have an API client at all?
Description • Provide application code with an interface abstracted away
from network/API details • Handle authentication in a single place • Handle caching in a single place • Handle errors in a single place Responsibilities of an API client
Relay A framework for data-driven React apps
Declare the data your components need with GraphQL, Relay determines
how and when to fetch your data. Declarative
GraphQL is written next to the views that rely on
them. Relay aggregates queries into efficient network requests. Colocation
Write GraphQL mutations and Relay offers automatic data consistency, optimistic
updates, and error handling. Mutations
Relay compiler uses your full GraphQL schema at compile-time to
ensure the data consistency Safety
Example
Competitors