Typescript + Karma + Webpack + Coverage with lit element

Every year there is this moment to check up on one of the most criticized technologies in the browser called **Web Components.** This is the first time the thermometer feels like it is ready to be used at my customers.
  • Created on: 28/4/2021
  • Edited on: 28/4/2021

Typescript + Karma + Webpack + Coverage with lit element.

Every year there is this moment to check up on on of the most criticized technologies in the browser called Web Components. This is the first time the thermometer feels like it is ready to be used at our customers. So have a play with the starter kit below. I would love to hear what your thoughts are.

A micro Boostrap, Starter, Boilerplate that supports quality features needed in the enterprise.

https://.github.com/broekema41/lit-element-micro-dev-bootstrap/

The seemingly endless amount of new micro webcomponent build stacks

https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/board/

A interesting implementation of lit-element by Microsoft

https://www.fast.design/docs/introduction/

A starter kit from lit the makers of lit-element and lit-html

https://github.com/lit/lit/tree/main/packages/lit-starter-ts

How about SEO and webcomponents?

Search engine readability does not have to be a problem with webcomponents. Use slots for all your static content! This wil ensure your content is shipped in the base html call and indexed without issue. Just like you have been adding content inside your

    <button>content</button>.

Read some more about seo and webcomponents here

greeting, Roland