~/talk

Build your own React

Talkat JSDay 2019 · 2019-05-08..05-09· [react, frontend-architecture]
slides:none on file

A simplified React is implemented step by step (eight explicit steps) into a tiny library that renders jsx, builds a fiber tree, performs reconciliation with placement/update/delete effect tags, and implements hooks and state. It uses requestIdleCallback to split work into units, preserves alternates for diffing, updates and removes DOM nodes on commit, supports event listeners, and runs a working counter demo so the build actually functions.

AI-written summary · about

  1. 0:00Intro
  2. 0:31Warmup
  3. 2:44Create Element
  4. 9:00Perform Unit of Work
  5. 14:50Compare Fibers
  6. 18:48Function Component
  7. 21:30State Component
~/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.