Function Counter

examples/01_counter/src/app.tsx:37–53

()

let numRendered = 0;

const Counter = () => {
  const [state, dispatch] = useTracked();
  return (
    <div>
      numRendered: {++numRendered}
      <div>
        <span>Count: {state.count}</span>
        <button type="button" onClick={() => dispatch({ type: 'increment' })}>
          +1
        </button>
        <button type="button" onClick={() => dispatch({ type: 'decrement' })}>
          -1
        </button>
      </div>
    </div>
  );
};

const TextBox = () => {
  const [state, dispatch] = useTracked();