Skip to content
valtio logo

Valtio

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.

hairyf/skills672installs25stars

SKILL.md

Full skill instructions

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

More skills from hairyf

vitest logo
hairyf/skills

vitest

vitest

25 519
View
unjs logo
hairyf/skills

unjs

unjs

25 472
View
hairy logo
hairyf/skills

hairy

hairy

25 400
View
undocs logo
hairyf/skills

undocs

undocs

25 389
View
tsdown logo
hairyf/skills

tsdown

tsdown

25 376
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View