~/talk

Let’s Make A Framework

Talkat React Brussels 2023 · on Friday, 2023-10-13· [react, frontend-architecture]
slides:none on file

Builds a tiny Next.js-style framework using Express + renderToString, dynamic file-system routing, and basic server component support that moves data fetching off useEffect into async components. Implements an async unwraper that waits for promise-returning components, serializes the resulting JSX tree to window for the client, and restores it to enable soft navigation and state persistence. Demo is a hackfest but functional after a fix — server rendering, server-side data fetching, and client pick-up of serialized trees all work; not production-ready but shows the exact mechanisms.

AI-written summary · about

  1. 0:00Introduction
  2. 1:11Why use a framework
  3. 3:18Building server rendering
  4. 8:14Adding data fetching
  5. 10:20Server components explained
  6. 17:45Soft navigation demo
  7. 21:19Does everyone need a framework
  8. 22:44Summary and closing
~/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.