~/talk

Secrets of the Glimmer VM

Talkat ReactiveConf 2017 · on Thursday, 2017-10-26· [web-performance, javascript]
slides:none on file

Glimmer compiles Handlebars templates into a compact binary bytecode executed by a tiny Glimmer VM runtime (~20KB runtime), shipping per-component payloads near 1.4× template size and avoiding a JS parse step. A Galaxy S3 demo shows initial render competitive with preact, while incremental rendering via requestIdleCallback yields smooth 60fps and far lower jank. Partial evaluation produces specialized update programs during first render so subsequent updates touch minimal DOM, and server streaming plus incremental rehydration further reduce perceived load.

AI-written summary · about

  1. 0:00Start
  2. 0:38Web Performance
  3. 4:30Glimmer Is Written in Typescript
  4. 8:17Insight of Glimmer
  5. 9:46The Glimmer Compiler
  6. 10:25Glimmer Bytecode
  7. 15:33Initialize the Glimmer Application
  8. 16:10Demo
  9. 23:33Partial Evaluation
  10. 24:37What Makes a React App Slow
  11. 31:43The Glimmer Playground
~/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.