~/talk

Building the Vue 3 VDOM on Stage

Talkat Vue.js Live 2023 · 2023-05-12..05-15· [javascript, frontend-architecture]
slides:none on file

Live-coded a minimal Vue 3 virtual DOM: a simple object-based vnode shape and working h() hyperscript creator, plus DOM glue that implements mount/unmount/patch (patch explained but not fully coded). Handles tags, attributes, text, nested vnodes and lists; event wiring uses an "onX" → addEventListener convention. Examples run in the browser during the demo and basic cases render and respond; full diffing logic is outlined and the complete repo is published on GitHub.

AI-written summary · about

  1. 0:00Intro
  2. 1:22DOM
  3. 2:26VDOM
  4. 6:19Building our own Virtual DOM
  5. 7:13Live Coding
  6. 24:21Thank you!
~/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.