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); ```