~/talk

Benefits of Virtual DOM

Talkat AmsterdamJS Conference 2017 · on Thursday, 2017-06-08· [frontend-architecture, testing]
slides:none on file

Argues that Virtual DOM yields practical top-end performance despite recreating trees, shows a homegrown MaquetteJS (~1,000 lines) used to render ~800 nodes in ~2ms with diffing ~1ms and input work taking ~9ms, and reports sustained 60fps; demonstrates unit testing of UI using Node.js with a virtual DOM projector — 1,700 tests in 2.3s — achieving 100% code coverage on visual components and a small test query utility that probes rendered virtual nodes.

AI-written summary · about

  1. 0:00Start
  2. 4:25Angular code
  3. 6:44Easy
  4. 11:50Pitfalls
  5. 16:17Problem
~/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.