valtio-define

SKILL.md

Valtio-based reactive state management with Pinia-like API for React.

Core API includes defineStore for creating stores with state, actions, and getters, plus useStore hook for React component access

Advanced features cover subscriptions, patch operations, inline reactive JSX components via Signal, and conversion to useState-like hooks

Plugin system enables store extensions, including built-in persistent storage plugin for state hydration

Full TypeScript support with comprehensive type definitions

Based on valtio-define v1.0.1. A Valtio-based state management library with Pinia-like API for React applications.

Overview

valtio-define provides a factory function for creating reactive stores with state, actions, and getters. Built on top of Valtio, it offers a familiar API similar to Pinia with full TypeScript support.

Core References

Topic
Description
Reference

defineStore
Core API for creating reactive stores
core-define-store

useStore
React hook for accessing store state
core-use-store

Types
TypeScript types and interfaces
core-types

Advanced Features