Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
JavaScriptures 4.1 - Relay
Search
Artsy Open Source
April 11, 2018
Programming
310
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JavaScriptures 4.1 - Relay
https://github.com/artsy/javascriptures/tree/master/4_intro-to-relay
Artsy Open Source
April 11, 2018
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
710
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
1.2k
Learning How to Learn - Artsy x React Native
artsyopensource
0
600
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
650
JavaScriptures 4.2 - Local State
artsyopensource
0
630
JavaScriptures 3 - Styled Components
artsyopensource
1
500
JavaScriptures 2 - TypeScript
artsyopensource
0
420
JavaScriptures 1 - React
artsyopensource
0
430
Other Decks in Programming
See All in Programming
Getting Started with Vibe Coding
miccheng
0
200
GraphQL の onError と Nullability のこれから
quramy
0
210
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
15
11k
ActionController meets Protocol Buffers
sorah
1
800
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
640
Modernizing iOS Apps
seyfoyun
0
150
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
1
2k
SODA - FACT BOOK(JP)
sodainc
1
40k
地方こそサーバーレス — 10年続けた、顔が見えるチームで確かな基盤を / Serverless Matters Most in Regional Areas — 10 Years of Building Reliable Foundations with Close-Knit Teams
seike460
PRO
1
340
社内AIエージェント「Askワンバン」における コストチューニングの取り組み
t0yohei
0
170
AIが実装を担う時代の「技術設計」と「チームマネジメント」
kamina_zzz
2
250
Apple Intelligenceとオンデバイス時代の到来
yahir0
0
240
Featured
See All Featured
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
560
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
910
WCS-LA-2024
lcolladotor
0
990
RailsConf 2023
tenderlove
30
1.6k
Unsuck your backbone
ammeep
672
58k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Practical Orchestrator
shlominoach
192
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
The Curious Case for Waylosing
cassininazir
1
610
A designer walks into a library…
pauljervisheath
211
25k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
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