~/talk

Data Fetching With Suspense In Relay

Talkat React Conf 2019 · 2019-10-24..10-25· [react, graphql]
slides:none on file

Claims that render-as-you-fetch plus explicit preload APIs give measurably faster and less janky loads, demonstrated by Relay running data and code in parallel on new facebook.com and mobile apps. Tools actually used: Relay hooks (preloadQuery, usePreloadedQuery, useLazyLoadQuery), React Suspense, SuspenseList, error boundaries and concurrent mode. Built an experimental Relay hooks runtime and compiler, deployed in production, and reports it works; experimental open‑source release invites inspection and feedback.

AI-written summary · about

  1. 0:00Introduction
  2. 3:12Fetch On Render Pattern
  3. 5:25Then Fetch Render Pattern
  4. 6:50Fetch Data
  5. 10:14Loading Sequence
  6. 11:59Suspense Boundary
  7. 18:01Render As You Fetch
  8. 22:47Implementation
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.