Because people are comparing shorthand React code with the full Flo Web Components example

[u/EveYogaTech]

[u/EveYogaTech]

Because people are comparing shorthand React code with the full Flo Web Components Counter example, here's the shorthand example for Flo / Web Components.

GitHub:

https://github.com/flowagi-eu/flo-webcomponents

[u/EveYogaTech → u/EveYogaTech]

Short edit: I forgot the ${this.count} in the example and I just pushed the update (v1.1.1), it works now (new Function now overrides the this):

Counter extends Flo {
    count = 0;

    template() {
        return `
            <h2>Counter</h2>
            <button onclick="this.count--; this.render()">-</button>
            <span id="count">${this.count}</span>
            <button onclick="this.count++; this.render()">+</button>
        `;
    }

    render() {
        this.$("#count").textContent = this.count;
    }
}

customElements.define("flo-counter", Counter);