Haunted 在 Web Components 里写 Hooks我猜不久的将来，UI库都会用 Web Compon

<!doctype html>
<my-counter></my-counter>


<script type="module">
  import { html, component, useState, useEffect } from 'https://unpkg.com/haunted/haunted.js';
  function Counter() {
    const [count, setCount] = useState(0);

    useEffect(() => {
      document.title = `Clicked ${count} times`;
    });
    return html`
      <div id="count">${count}</div>
      <button type="button" @click=${() => setCount(count + 1)}>Increment</button>
    `;
  }

  customElements.define('my-counter', component(Counter));
</script>

我猜不久的将来，UI库都会用 Web Components来写，那么，不再区分vue, react, Svelte ... ui专注ui，库专注业务

Haunted