At Home Assistant we have used Lit Element to power our new user interface and it has been great. Small and fast components, easy to learn for new developers, intuitive API.<p>One of the coolest thing is directives, <a href="https://lit-html.polymer-project.org/guide/template-reference#built-in-directives" rel="nofollow">https://lit-html.polymer-project.org/guide/template-referenc...</a> (you can also write your own). Directives are attached to a DOM element and can interact with the DOM as they see fit. Examples are awaiting an async iterator and writing results to the DOM as they come in, or have a directive that attaches an animation or ripple effect to an element on click.<p>For people interested in a UI built with it, the Home Assistant demo is at <a href="https://demo.home-assistant.io" rel="nofollow">https://demo.home-assistant.io</a> and source is at <a href="https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace" rel="nofollow">https://github.com/home-assistant/home-assistant-polymer/tre...</a>
If people are interested in getting started with web components, lit-html and LitElement, we have a bunch of scaffolding and tooling ready to go at: <a href="https://open-wc.org/" rel="nofollow">https://open-wc.org/</a>
We have used Polymer (1, 2 & 3), lit-html and LitElement on large production websites for some time now.<p>Following the progression was a rocky road at times but it really does now provide a very lean base to build from. I rarely find the need to use a framework or some such library anymore unless for consistency within existing projects.<p>Reuseable components really are easy now and really are reuseable. It'll be very interesting to see where this project goes...
Build GraphQL apps using lit-element for rendering with lit-apollo:<p><a href="https://npm.im/@apollo-elements/lit-apollo" rel="nofollow">https://npm.im/@apollo-elements/lit-apollo</a><p>I built a demo chat app that got a 98 lighthouse performance score<p><a href="https://lit-apollo-subscriptions.herokuapp.com" rel="nofollow">https://lit-apollo-subscriptions.herokuapp.com</a>
Awesome!<p>The project is still in beta, but Freestyle Stats website is built with LitElement & Redux! It has a nice +95 Lighthouse score!<p><a href="https://freestylestats.com" rel="nofollow">https://freestylestats.com</a>
Been using Polymer for the last year and loving it. Happy to do very little to get my element portfolio progressively over to litElement. Congrats to the polymer project team on getting this out there!
Love lit-html/lit-element! Personal project: <a href="https://my-project-75792.firebaseapp.com/" rel="nofollow">https://my-project-75792.firebaseapp.com/</a>