lit-html

We just unflagged ESM in @nodejs Amazing work everyone! github.com/nodejs/node/co…

Very cool set of Web Components made with lit-html and LitElement! twitter.com/preetster/stat…

Here are our slides on web component architecture and patterns from our talk yesterday at the #WeAreDevs conference! bit.ly/webcomponent-a… cc @sherrrylst

Always great fun (and now games 🕹️) to hear @notwaldorf presenting! Right now, about the new github.com/Polymer/pwa-st… from @polymer based on @lit_html - at #io18

Demos of LitElement @lit_html based Material Design Web Components! ♥️🎉 material-components.github.io/material-compo…

So great: @lit_html and new LitElement based @materialdesign components - great work @polymer @justinfagnani @kevinpschaaf @OverEasy github.com/material-compo…

"We just published pulito, a stake in the ground for what a “tooling and structure” component looks like. Similarly we’ve published our set of “neat” custom elements skia-elements. And lit-html for templating" - @bitworking from the skia team bitworking.org/news/2018/03/a…

I just published “A bit about lit-html rendering” medium.com/p/a-bit-about-…

Remember that Template Instantiation proposal from Apple? Our friends at @polymer are prollyfilling and adding some changes based on experience from working with @lit_html ! This will surely move the standardization forward! Can't wait! :-D github.com/PolymerLabs/te…

Check out this awesome post by @AndreasGalster on creating a Web Component with lit-html. It uses JS modules, lit-html, CSS variables and the new ultra-lightweight base class in Polymer 3.0 preview. Very cool! @andreas_66372/building-a-valentines-day-meme-generator-via-lit-html-and-webcomponents-4e013ca1a8dd" target="_blank" rel="nofollow noopener">medium.com/@andreas_66372…

@tomasz_ducin Basically. There's also a lot of supported value types like Node, Array, Promise and nested templates, and special syntax in lit-extended for setting properties, event handlers and boolean attributes. Also a powerful directive API.

Great question! See our answer below: twitter.com/tomasz_ducin/s…

@tomasz_ducin lit-html creates an HTML <template> element from the literal parts, _then_ fills in the values from expressions. This makes templates safe - values can't contain raw HTML - and it let's us update just the values that change, not the whole template, making updates _really_ fast.

Tried out @lit_html typescript plugin, turns out to be quite good! Can even get type documentation out from tag names

Nutmeg uses lit-html for its templating layer. If you're in Madison, go check it out! twitter.com/pblatteier/sta…

let hello = (name) => html`<h1>Hello ${name}!</h1>`; render(hello('World'), document.body);