~/talk

Fine Grained Reactivity without any compiler

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

Claims a production-ready pattern that gets fine-grained reactivity in React without a compiler by replacing props/state churn with stable “shells” backed by BehaviorSubject streams, mapping shells and subscribing via useWatch implemented on top of useSyncExternalStore. It displays and updates very large datasets (hundreds of millions of cells in Pigment) while only re-rendering the single changed cell, avoiding full-tree rerenders and working in real apps.

AI-written summary · about

  1. 0:00Understanding reactivity
  2. 3:42React compiler analysis
  3. 4:57Defining fine-grained control
  4. 5:58Introduction to Pigment
  5. 6:47React rendering mechanics
  6. 12:19Real-world data challenges
  7. 13:37Grid visualization systems
  8. 14:15Implementing custom reactivity
  9. 24:37Performance results
  10. 25:06Concluding thoughts
  11. 25:34Q&A 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.