~/talk

And Now You Understand React Server Components

Talkat React Summit 2024 · on Tuesday, 2024-06-18· at 15:10· [react, web-performance, frontend-architecture]

Builds a tiny framework that replaces JSON APIs with serialized RSC payloads and shows it actually working: no bundler, no TypeScript, uses createElement H, Hono.js server, React 19 beta, createFromFetch + renderToPipeableStream to stream RSCs, async server components that fetch their own data, server context via async local storage, a loader that registers client components for on‑demand download, navigation that updates content without full page reloads, cache keyed to history entries, and pragmatic race‑condition handling.

AI-written summary · about

  1. 0:00Introduction
  2. 2:37Overview
  3. 4:01Example
  4. 12:33Async Components
  5. 13:55Streaming
  6. 14:44Server Context
  7. 15:21Adding Used Client Support
  8. 17:57Resolving Special Components
  9. 22:11Pending UI
  10. 23:54Back Button
~/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.