What is the difference between createStore and createStoreManualSync?

createStore is for automatic proxy-based reactivity, while createStoreManualSync provides a Flux-like pattern requiring explicit sync() calls to notify subscribers.

What is the primary way to access data in state-ref?

You must always access values via the .value property on StateRefStore proxies to ensure reactivity is properly tracked.

Does state-ref work with React?

Yes, state-ref provides a dedicated connector called connectReact, along with similar connectors for Vue, Svelte, Solid, and Preact.

How do I stop a subscription in state-ref?

The watch callback returns an AbortController.signal; you can call controller.abort() to unsubscribe and clean up the listener.

state-ref State Management

Name: state-ref State Management
Author: superlucky84

bysuperlucky84

•

개발자 도구

Implements proxy-based reactivity and lens pattern guidelines for seamless state management across multiple UI libraries.

The state-ref skill empowers Claude to manage application state using a universal, proxy-based reactivity system. It provides specific guidance on creating stores, tracking dependencies automatically via the watch API, and implementing the lens pattern for precise state updates. Ideal for projects requiring framework-agnostic state logic, it ensures developers follow best practices for React, Vue, Svelte, and Solid integrations while maintaining clean, reactive code through the .value property convention.

주요 기능

01Advanced state derivation using combineWatch and createComputed

02Automatic dependency tracking within subscription callbacks

03Manual synchronization options for Flux-style state management

0454 GitHub stars

05Multi-framework support for React, Vue, Svelte, Solid, and Preact

06Proxy-based reactivity with precise .value property access

사용 사례

01Building scalable UI components with deeply nested state objects

02Implementing reactive data fetching and derived state logic

03Managing complex shared state across different frontend frameworks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add superlucky84/state-ref state-ref

For use in Claude.ai and ChatGPT

Download Skill