natemoo-re / stencil-hooks

Stencil Hooks

Highly Experimental

Yep—hooks in Stencil. So far only useState works.

import { Component, Host, h } from '@stencil/core';
import { useState } from "../../hooks";

@Component({
  tag: 'my-component',
  shadow: true
})
export class MyComponent {
  render() {
    const [count, setCount] = useState(0);
    return (
      <Host>
        <p>{count}</p>
        <button onClick={() => setCount(count + 1)}>+</button>
        <button onClick={() => setCount(count - 1)}>-</button>
      </Host>
    );
  }
}