state-ref

Community

Master 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.