~/talk

Understanding Vue's reactivity system by building one

Talkat JSFoo: VueDay 2019 · on Friday, 2019-08-30· [vue, javascript]
slides:none on file

Explains JavaScript reactivity by starting with a non-reactive render function, then adding reactivity using ES getters/setters to collect dependencies and build a Vue-like reactivity system. Covers problems that system solves and the issues it introduces, and describes how Vue’s newer reactivity uses ES Proxies as a solution. Includes a brief ES getters/setters crash course.

AI-written summary · about

  1. 0:00Start
  2. 5:18FRAMEOWRKS
  3. 12:08addEventListener()
  4. 12:43Our Solution handlers
  5. 18:45Use data Object
  6. 19:001 Make one reactive
  7. 22:38Must declare reactive properties beforehand
  8. 23:05Adding reactive property
  9. 23:38Adding / removing items in arrays
~/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.