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
270
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
580
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
990
Learning How to Learn - Artsy x React Native
artsyopensource
0
510
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
540
JavaScriptures 4.2 - Local State
artsyopensource
0
500
JavaScriptures 3 - Styled Components
artsyopensource
1
430
JavaScriptures 2 - TypeScript
artsyopensource
0
380
JavaScriptures 1 - React
artsyopensource
0
390
Other Decks in Programming
See All in Programming
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
7.3k
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
7
2.4k
Hack Claude Code with Claude Code
choplin
7
2.5k
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
230
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
130
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
170
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
12k
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
500
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
3
410
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Producing Creativity
orderedlist
PRO
346
40k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Raft: Consensus for Rubyists
vanstee
140
7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
BBQ
matthewcrist
89
9.7k
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