Building a template engine from Scratch

on YouTube ↗23m

" summary

Builds a small compiled template engine that works: templates parse into tokens, produce JavaScript code, and become reusable render functions created with vm.runInContext. Language supports variable injections, if/elif/else branches, loops, and scoped globals; example site is a narf-powered to‑do app. The project claims zero external npm packages, tokenization via regex split, code-builder markers for insertion, and the demo generates correct HTML and multiple renders from one compiled template.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 2:38What is a template engine
3. 4:22Template language spec
4. 7:10Tokenizing the language
5. 8:57Compiling to JavaScript
6. 12:44Key components
7. 17:57Strings to functions
8. 19:22Live demo
9. 21:53Summary

" related talks

• 07mAndrey Sumin at RIT++ 2012Andrey Sumin · РИТ++ 2012
• 48mBuild your own SvelteTan Li Hau · Conf42 JavaScript 2022
• 31mJavaScript Compilers For Fun and ProfitTom Robinson · JSConf EU 2011
• 32mBuilding a High Performance JavaScript CompilerHongbo Zhang · Reason Conf US 2019
• 18mWhy JS is Coming to Ember TemplatesMatthew Beale · EmberConf 2020
• 38mBuilding a Framework for the EdgeDaniel Roe · Armada JS 2023
• 37mCode Generation For Everyone and EverywhereChristian Nils Schneider · EclipseCon 2023
• 20mSecrets of the DOM Virtual MachineTom Dale · dotJS 2017