HTMLBars: The Next-Generation of Templating in Ember.js
summary
HTMLBars is a new templating library built on Handlebars that builds DOM fragments instead of strings, caches template fragments, clones them for repeated lists and then hydrates dynamic parts, fixing long-list performance and binding update order. The rewritten view layer is non‑recursive, gates updates during animations, enables server-side rendering via Node for SEO, is safe by default against XSS, removes an obligatory jQuery and claims 2–3x speedup in many cases.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 1:19What HTMLBars is
- 2:44Syntax vs Handlebars
- 3:48No script tags
- 4:29Performance with DOM
- 5:52View layer rewrite
- 6:35Binding update fixes
- 9:04Removing recursion for better performance
- 11:36Bound bindings
- 14:21HTMLBars vs render
- 15:02Element hook
- 16:27Security in HTMLBars
- 18:54Binding gating
- 20:18Simple debug view
- 21:46Server rendering
- 24:14Remove jQuery
- 26:02HTMLBars future
- 27:27Performance next
related talks
48mInside Glimmer: What Makes Ember's Rendering Engine Tick
45mThe next big thing in (client side) templating
35mThe Future Of Templating In Ember
24mAn Illustrated Guide to Ember
32mThe Future of Ember Templating
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI
17mEfficient, Expressive, and Extensible HTML Templates
32mHTML-Aware ERB: The Path to Reactive Rendering