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
190
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
390
The Artsy Omakase - Artsy x React Native 2018
artsyopensource
1
760
Learning How to Learn - Artsy x React Native
artsyopensource
0
380
JavaScriptures 5 - Babel & Webpack
artsyopensource
0
340
JavaScriptures 4.2 - Local State
artsyopensource
0
310
JavaScriptures 3 - Styled Components
artsyopensource
1
300
JavaScriptures 2 - TypeScript
artsyopensource
0
260
JavaScriptures 1 - React
artsyopensource
0
300
Other Decks in Programming
See All in Programming
Elm 0.19.0 Changes
bkuhlmann
0
490
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
260
Git Lint
bkuhlmann
4
750
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
GitHub Copilotのススメ
marcy731
1
200
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
250
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
Fragment Composition of GraphQL
quramy
7
1k
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
190
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
710
Kotlin Multiplatform at Stable and Beyond (Android Makers 2024)
zsmb
0
280
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
164
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Code Review Best Practice
trishagee
55
15k
Visualization
eitanlees
136
14k
Unsuck your backbone
ammeep
663
57k
Building Adaptive Systems
keathley
31
1.9k
Being A Developer After 40
akosma
57
580k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Web development in the modern age
philhawksworth
202
10k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
A Tale of Four Properties
chriscoyier
151
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
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