Proxy State Management

A lightweight state management implementation using JavaScript Proxies for fine-grained reactivity.

Hello, Stranger

Enter your name

First Number

Second Number

= 1

// read value from proxy
const name = useProxyState("name", "your name here");
const firstNumber = useProxyState("firstNumber", 0);
const secondNumber = useProxyState("secondNumber", 1);

// ...

<input
    type="number"
    name="firstNumber"
    defaultValue={firstNumber.value}
    onChange={(e) => {
      // update value using the proxy. no setState needed!
      firstNumber.value = Number(e.target.value);
    }}
/>