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
610
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
1k
Learning How to Learn - Artsy x React Native
artsyopensource
0
520
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
560
JavaScriptures 4.2 - Local State
artsyopensource
0
510
JavaScriptures 3 - Styled Components
artsyopensource
1
440
JavaScriptures 2 - TypeScript
artsyopensource
0
380
JavaScriptures 1 - React
artsyopensource
0
400
Other Decks in Programming
See All in Programming
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
360
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
1
150
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
150
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
Google Opalで使える37のライブラリ
mickey_kubo
3
130
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
420
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
3
13k
What's new in Spring Modulith?
olivergierke
1
170
AkarengaLT vol.38
hashimoto_kei
1
110
Leading Effective Engineering Teams in the AI Era
addyosmani
7
580
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
580
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
Featured
See All Featured
Bash Introduction
62gerente
615
210k
It's Worth the Effort
3n
187
28k
Practical Orchestrator
shlominoach
190
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Producing Creativity
orderedlist
PRO
347
40k
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