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
260
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
560
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
970
Learning How to Learn - Artsy x React Native
artsyopensource
0
490
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
510
JavaScriptures 4.2 - Local State
artsyopensource
0
480
JavaScriptures 3 - Styled Components
artsyopensource
1
410
JavaScriptures 2 - TypeScript
artsyopensource
0
370
JavaScriptures 1 - React
artsyopensource
0
380
Other Decks in Programming
See All in Programming
PHPバージョンアップから始めるOSSコントリビュート / how2oss-contribute
dmnlk
1
1k
MCP調べてみました! / Exploring MCP
uhzz
2
2.3k
リストビュー画面UX改善の振り返り
splcywolf
0
140
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
160
Java 24まとめ / Java 24 summary
kishida
3
500
Optimizing JRuby 10
headius
0
300
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.6k
趣味全開のAITuber開発
kokushin
0
200
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
150
AIコーディングの理想と現実
tomohisa
19
23k
AHC045_解説
shun_pi
0
530
PHPで書いたAPIをGoに書き換えてみた 〜パフォーマンス改善の可能性を探る実験レポート〜
koguuum
0
150
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimizing for Happiness
mojombo
377
70k
How to train your dragon (web standard)
notwaldorf
90
6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Being A Developer After 40
akosma
91
590k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
Statistics for Hackers
jakevdp
798
220k
GitHub's CSS Performance
jonrohan
1030
460k
A better future with KSS
kneath
239
17k
A designer walks into a library…
pauljervisheath
205
24k
Site-Speed That Sticks
csswizardry
5
490
What's in a price? How to price your products and services
michaelherold
245
12k
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