lit-html @lit_html

Efficient, Expressive, Extensible polymer.github.io/lit-html San Francisco, CA Joined February 2018

Tweets

17
Followers

829
Following

74
Likes

36

sMyle (🦋 @myles.dev) @MylesBorins

7 years ago

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

27 340 911 0 11

View Details

lit-html @lit_html

8 years ago

Very cool set of Web Components made with lit-html and LitElement!

📣 New release of wired-elements (v0.5.2) ✨ Hand-drawn sketchy UI web components ✨ Great for wireframes, mockups, or just the fun hand-drawn look. ✨ Now rendered with @polymer lit-element. ✨ New sketchy website: wiredjs.com

8 35 166 0 9

0 4 25 0 0

View Details

Ana Cidre @AnaCidre_

8 years ago

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

2 18 52 0 4

View Details

Lars Knudsen ♥️🇺🇦 in 🇩🇰 @denladeside

8 years ago

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

0 1 13 0 1

View Details

KΞNNETH ・ケニチ @kennethrohde

8 years ago

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

0 9 30 0 2

View Details

Lars Knudsen ♥️🇺🇦 in 🇩🇰 @denladeside

8 years ago

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

1 13 49 0 1

View Details

Dion Almaer @dalmaer

8 years ago

"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…

0 3 8 0 1

View Details

KΞNNETH ・ケニチ @kennethrohde

8 years ago

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

3 23 43 0 2

View Details

KΞNNETH ・ケニチ @kennethrohde

8 years ago

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…

1 12 36 0 0

View Details

lit-html @lit_html

8 years ago

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! medium.com/@andreas_66372…

0 30 67 0 1

View Details

lit-html @lit_html

8 years ago

@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.

0 1 1 0 0

View Details

lit-html @lit_html

8 years ago

Great question! See our answer below:

Tomasz Ducin @tomasz_ducin

8 years ago

dear @lit_html, what's the difference between your html tagged function and following snippet const helloTemplate = (name) =>`<div>Hello ${name}!</div>`; (no html tag)? Is it just using HTML Templates (Web Components standard) under the hood?

1 0 2 0 0

0 0 0 0 0

View Details

lit-html @lit_html

8 years ago

@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.