A Look at Compilation in JavaScript Frameworks

An exploration of how modern JavaScript UI frameworks use ahead-of-time (AOT) compilation to optimize templates and developer experience. Covers the spectrum from HTML-first templating (Svelte, Vue, Marko) to JSX-based approaches, explaining techniques like static node hoisting, loop unwinding, reactive system compilation, and partial hydration. Also discusses the key limitation of module-scoped analysis and why even fully compiled frameworks still require runtimes for dynamic constructs like loops and conditionals.