Creates reactive web and mobile apps with a unified JavaScript API.
npx skills add https://github.com/superlucky84/state-ref --skill state-ref
Please help me install this Agent Skill. Skill: state-ref Source: https://github.com/superlucky84/state-ref/tree/main/skills/state-ref Command: npx skills add https://github.com/superlucky84/state-ref --skill state-ref
State management in modern UI apps often struggles with brittle mutations and scattered updates. state-ref provides proxy-based stores and lens-pattern updates to enable fine-grained, safe reactivity with automatic dependency tracking.
Install state-ref, create a store with createStore, and attach a watch callback to react to changes.
High-intent search queries and answers about installing and using this skill.
You create a store using createStore or createStoreManualSync, read values via the .value property, and attach a watch callback to subscribe to changes. This enables automatic dependency tracking and reactive updates whenever the state mutates.
Yes, state-ref provides framework connectors for React, Preact, Vue, Svelte, and Solid, enabling proxy-based stores to integrate directly with your UI components for seamless reactive updates.
You combine multiple stores using combineWatch for multi-store composition and derive values with createComputed. This allows automatic recalculation whenever underlying proxy-based store dependencies change.
To ensure safe state mutations, read through the value property and leverage immutable patterns with copyable and lens. For cleanup, use AbortController when subscribing with watch to prevent memory leaks.
A lens pattern enables targeted, fine-grained updates to nested state structures without brittle direct mutations. This approach maintains immutability and prevents scattered updates across proxy-based reactive stores.
christophevgCentralize shared Vue state in a store with computed properties and lifecycle-safe setup.
gil00pitaManage React and non-React state with proxy-based mutable stores.
tanstack-skillsManage immutable reactive state with stores, derived values, and effects.
microsoftCreate type-safe Zustand stores with separated state and actions.
