valtio

Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "valtio" with this command: npx skills add hairyf/skills/hairyf-skills-valtio

Valtio makes proxy-state simple for React and vanilla JavaScript. It provides a minimal, flexible, and unopinionated API that turns objects into self-aware proxies, enabling fine-grained subscription and reactivity. Valtio shines at render optimization in React and is compatible with Suspense and React 18+.

The skill is based on Valtio v2.3.0, generated at 2026-01-29.

Core References

TopicDescriptionReference
ProxyCreate reactive state objects that track changescore-proxy
useSnapshotReact hook for render-optimized state accesscore-use-snapshot
SnapshotCreate immutable snapshots for comparison and Suspensecore-snapshot
SubscribeSubscribe to state changes from anywherecore-subscribe

Utils

TopicDescriptionReference
proxyMapObservable Map-like proxy for Map data structuresutils-proxy-map
proxySetObservable Set-like proxy for Set data structuresutils-proxy-set
subscribeKeySubscribe to changes of a specific propertyutils-subscribe-key
DevToolsRedux DevTools Extension integrationutils-devtools
RefCreate unproxied references for special objectsutils-ref

Guides

TopicDescriptionReference
Component StateIsolate component state using useRefguides-component-state
Computed PropertiesCreate computed properties with getters and settersguides-computed-properties
AsyncWork with promises and React Suspenseguides-async

Best Practices

TopicDescriptionReference
ActionsOrganize actions for mutating statebest-practices-actions
PersistencePersist state to localStorage or other storagebest-practices-persistence
State CompositionSplit and compose states for organizationbest-practices-state-composition

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

tailwindcss

No summary provided by upstream source.

Repository SourceNeeds Review
752-hairyf
General

hairy-utils

No summary provided by upstream source.

Repository SourceNeeds Review
689-hairyf
General

react-use

No summary provided by upstream source.

Repository SourceNeeds Review
503-hairyf
General

motion

No summary provided by upstream source.

Repository SourceNeeds Review
487-hairyf