Create a Web Component with LitElement

#customelements #webcomponents #javascript #frontend

Two weeks ago I started to play with Web Components. I think that Web Components is a great approach to build reusable components.

So I want to share with you the repositories where I worked. I also created a scaffolding to generate a custom-element with all you need.

Custom Elements:

After tried the potential of custom elements I created another project with Web Components support. For this purpose I used Lit-element a library developed by Polymer team to support Web Components.

Web Components:

While I writing this post Chrome, Safari and Firefox support Web Components and Microsoft announced they are working to bring Web Components to Edge.

If you need to support IE11 you can integrate webcomponents library that works fine.

What do you think about Web Components?

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.