~/talk

Elegant UI updates using Transition (React18)

Talkat React Nexus 2023 · 2023-07-07..07-08· [react, frontend-architecture]
slides:none on file

Shows that marking heavy list filtering as low priority with useTransition and wrapping the filter setState in startTransition keeps the input update urgent and the UI responsive. Demo filters a ~500-550 user list; typing stops jank and only the list update runs relaxedly while isPending flips true so a loading indicator appears. Concrete claim: separating urgent input state from non‑urgent list state reduces perceived lag and it demonstrably works on the demo.

AI-written summary · about

~/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.