React

Frontend

Valtio: fine-grained reactive state manager using JavaScript `Proxy` objects

https://valtio.dev

https://github.com/pmndrs/valtio

Now this is a React state manager I can get behind.

Just do property assignments and let the underlying JavaScript `Proxy` objects take care of the rest. No ugly `useState()` or `setVariableName()` functions in sight.

(Notice how you can bypass the React Hooks runtime entirely by `subscribe()`-ing to changes.)

/frontend dev・founder/decentralized data wrangler /blockhead・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx, ritual.net・x.com/darryl__yeo

Kuala Lumpur, Federal Territory of Kuala Lumpur, Malaysia

what are the benefits of this approach? it looks like a bunch of boilerplate for the same outcome as a usestate - is there something about the proxy pattern that is preferable, genuine Q

I think you'd use this for cases where you need state to live outside of the React runtime (perhaps a highly dynamic application with a React microfrontend), or you aren't in a position to choose a React alternative but want the ergonomic benefits of simple JavaScript assignment and implicit dependency tracking like Svelte.