Valtio

Code example

import { proxy, useSnapshot } from "valtio";

const state = proxy({ count: 0 });

export function Example() {
  const snap = useSnapshot(state);
  return (
    <button type="button" onClick={() => { state.count += 1; }}>
      Count: {snap.count}
    </button>
  );
}

Pros & cons

FAQs