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:

• Built-in element renderer
• htm
• htm with Preact
• lit-html
• uhtml

Demo

https://ficusjs.github.io/ficusjs-counter-examples/

Getting started

npm start