state-ref
CommunityMaster proxy-based reactivity with state-ref.
Authorsuperlucky84
Version1.0.0
Installs0
System Documentation
What problem does it solve?
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.
Core Features & Use Cases
- Create stores with createStore and subscribe with watch to react to changes.
- Combine multiple stores with combineWatch and derive computed values with createComputed.
- Framework connectors for React, Preact, Vue, Svelte, and Solid; manual-sync patterns via createStoreManualSync.
- Encourage safe mutation practices: read through the value property, use AbortController for cleanup, and leverage immutable patterns with copyable and lens.
Quick Start
Install state-ref, create a store with createStore, and attach a watch callback to react to changes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: state-ref Download link: https://github.com/superlucky84/state-ref/archive/main.zip#state-ref Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.