Manage React and non-React state with proxy-based mutable stores.
npx skills add https://github.com/gil00pita/lanify --skill valtio-gil00pita
Please help me install this Agent Skill. Skill: valtio Source: https://github.com/gil00pita/lanify/tree/main/.agents/skills/valtio Command: npx skills add https://github.com/gil00pita/lanify --skill valtio-gil00pita
Valtio provides proxy-based state management that lets you write mutations directly on a proxy store while React observes and re-renders only the parts that changed.
Install valtio, create a proxy store, and use useSnapshot to read and react to changes.
High-intent search queries and answers about installing and using this skill.
Proxy-based state management uses JavaScript proxies to let you mutate state directly while React observes changes and triggers fine-grained re-renders only for components accessing the modified properties.
Create a mutable store using the proxy utility, then read state via the useSnapshot hook in React components or the subscribe function in non-UI JavaScript contexts to observe property changes.
Yes, this proxy-based state management works with or without React. You can manage state in non-UI logic, data stores, and utilities using the subscribe or watch utilities to observe changes.
To prevent unnecessary re-renders with mutable state, use selective subscriptions via useSnapshot. This ensures React components only update when the specific properties they access actually change.
You can derive computed values from a proxy store by using the watch utility or subscribe function to observe state changes and automatically recalculate derived data when accessed properties mutate.
No external dependencies are required. You only need to install valtio itself to create proxy stores and use hooks like useSnapshot or utilities like subscribe to handle reactivity.
mgd34msuManage application state with proxy-based reactivity and direct mutations.
onchainengineerDecide when to apply the useEffect hook in React components.
jcsoftdevCreate React contexts with Provider and custom hooks to share data across component trees.
meow-sciManage application state with minimal atomic stores across JavaScript frameworks.
