~/talk

Road to a better UX with Suspense and Concurrent UI

Live demo compares two apps built old-school versus with React Suspense and Concurrent Mode, showing parallel data fetching, prefetch-in-event handlers, and in-memory rendering that removes spinners on many transitions. useTransition hides brief fetches so no loaders on fast connections, Suspense enables parent and children to fetch concurrently, and SuspenseList reveal order enforces semantic reveal. The demo builds a Twitter-like UI, the concurrent version removes most loaders and the techniques work as shown.

AI-written summary · about

  1. 0:00Start
  2. 1:25What we will cover
  3. 5:07Fetch-then-render (Waterfall)
  4. 6:35Render-as-you-fetch
~/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.