lit_html's profile picture. Efficient, Expressive, Extensible

lit-html

@lit_html

Efficient, Expressive, Extensible

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

preetster's tweet image. 📣 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


lit-html 已轉發

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

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

lit-html 已轉發

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

denladeside's tweet image. 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
denladeside's tweet image. 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
denladeside's tweet image. 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
denladeside's tweet image. 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

lit-html 已轉發

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


lit-html 已轉發

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


lit-html 已轉發

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


lit-html 已轉發

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…

kennethrohde's tweet image. 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! medium.com/@andreas_66372…


Great question! See our answer below:

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?



lit-html 已轉發

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!

Excited to be speaking with @abraham at @MadJavaScript on 2/12. Come learn about building web components with Nutmeg! meetup.com/MadisonJS/even…



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


Loading...

Something went wrong.


Something went wrong.