Import-Substituting Svelte, or How I Made Glimmer 40% Faster
summary
Overview of building a modern web framework: reasons for new rendering libraries and ideal framework requirements, then concrete implementation approaches. Covers building a Glimmer-VM–compatible runtime (GXT) that benchmarks faster than React, plus how to write a transpiler, implement rendering engines, create a signals-based reactivity system, SSR and hydration, DevTools integration, Shadow DOM support, tree-shaking, and HMR.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 1:28Speaker background
- 2:34What is Glimmer
- 7:35Glimmer reactivity issues
- 9:24Testing new reactivity model
- 11:50New framework from Glimmer
- 13:55Modern framework structure
- 16:03Template compilation engine
- 17:06Control structures: if, each, slots
- 20:43Shadow DOM optimization
- 21:48Template typing implementation
- 24:29Component reactivity optimization
- 25:13Hot Module Replacement
- 27:24SSR and rehydration
- 31:11Browser debugging tools
- 35:51GitHub syntax highlighting
- 37:38GL Next results
- 39:07Q&A
- 41:20Ember integration
- 42:01New possibilities
- 43:50Dev time
- 45:39Debugger demo
- 46:02Angular comparison
related talks
51mA Glimmer of Hope: Creating Modern Web Components with Glimmer
24mSvelte: the last framework we need?
12mReactive programming. Svelte way
33mSecrets of the Glimmer VM
40mSvelte is Fast and Makes You Faster
01h 14mSvelteJS Under the Hood
40mSvelte, cybernetically enhanced web apps
08mWhy Svelte is the best framework for beginner and advanced developers alike