Build your own Svelte 5
summary
Live codes a tiny Svelte 5–style compiler that reads a .svelte component, parse to AST, analyzes nodes and emits small runtime JS that does runtime DOM creation with element/attribute/text helpers moved into runtime.js. Implements reactivity via signals/get and set plus effect subscriptions so a counter updates only the touched text node. Shows generated output, how scripts are injected above DOM ops, and limits of the 30 minute demo while tracing where optimizations and edge cases remain.
AI-written summary · about
chapters (8)
- 0:00Introduction and welcome
- 3:03Speaker introduction
- 4:08What is Svelte 5
- 8:01Building a simplified compiler
- 16:50Parsing Svelte syntax
- 20:10Generating JavaScript output
- 27:24Adding reactivity with signals
- 36:19Summary and closing
