note

Let’s try something new: Web Components!

A code editor opening a `lit-element` project.

A good friend of mine @mathdroid recently introduced me to lit-html, a library built by the Polymer team for writing HTML templates in JavaScript with template literals.

lit-html is simple and lightweight, perfect for taking a break from your usual React life.

A sample `lit-element` project.

The Polymer team also built lit-element. lit-element builds on top of lit-html, adding Web Components support. In the picture above, I tried building a tiny app using Vaadin Components, an extensive collection of reusable Web Components.

I’m pretty sure Web Components will be the future of the web, and I’ll be looking forward to learn more of this in the future!

View some sample codes on Glitch.