Efficient, Expressive, and Extensible HTML Templates
summary
lit-html is a tiny (under 2k) template library that combines tagged template literals with the HTML template element and a render function to create reusable templates whose dynamic locations (“parts”) are tracked once and efficiently updated; it handles strings, DOM nodes, arrays, promises and nested templates, ships less than 2KB minified, provides extensibility via simple directives like until directive and repeat directive, and integrates with Polymer via a mixin while reporting very fast results on modern browsers.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:26History of HTML Templates
- 4:03Other Libraries
- 4:20Let HTML
- 6:16Combine HTML and Polymer
- 7:19Three Main Goals
- 11:27Expressions
- 13:49Extensible HTML
- 15:07Custom Parts
- 16:23Where to Now
related talks
45mThe next big thing in (client side) templating
39mWhy Lit is 🔥
29mHTMLBars: The Next-Generation of Templating in Ember.js
48mClientside templates for reactive UI
50mhtmx 2.0 & Web Components: A Perfect Match for Frontend Development
26mThe Virtue of Laziness: Leveraging Incrementality for Faster Web UI
53mFuture-proof your Web Apps with Web Components and LitElement
34mTemplating - you're doing it wrong