FicusJS counter examples

Inspired by Webcomponents.dev All the Ways to Make a Web Component, this is a comparison of coding style, bundle size and performance of 4 different ways to make a Web Component with FicusJS!

Summary

The same <my-counter /> web component has been written 4 times in FicusJS using different renderers.

The renderers used are:

Examples

Built-in

Open in new tab

htm

Open in new tab

htm and Preact

Open in new tab

lit-html

Open in new tab

uhtml

Open in new tab