https://github.com/wobsoriano/sveltio

Proxy-state with valtio.
https://github.com/wobsoriano/sveltio

proxy state store svelte valtio

Last synced: 3 months ago
JSON representation

Proxy-state with valtio.

• Host: GitHub
• URL: https://github.com/wobsoriano/sveltio
• Owner: wobsoriano
• License: mit
• Created: 2021-09-18T15:09:40.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-01T15:06:48.000Z (12 months ago)
• Last Synced: 2025-06-19T02:07:13.001Z (4 months ago)
• Topics: proxy, state, store, svelte, valtio
• Language: TypeScript
• Homepage:
• Size: 297 KB
• Stars: 28
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# sveltio

[![npm (tag)](https://img.shields.io/npm/v/sveltio?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/sveltio) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/sveltio?style=flat&colorA=000000&colorB=000000) ![NPM](https://img.shields.io/npm/l/sveltio?style=flat&colorA=000000&colorB=000000)

State management solution for Svelte using proxies. Powered by [valtio](https://github.com/pmndrs/valtio).

## Installation

```sh

pnpm add valtio sveltio

```

## Usage

```ts

// store.ts

import { proxy } from 'sveltio'

export const state = proxy({ count: 0 })

```

Read from snapshots, mutate the source.

```svelte

  import { useSnapshot } from 'sveltio'

  import { state } from './store'

  const snap = useSnapshot(state)

 state.count++}>

  Clicks: {$snap.count}

```

For more info on how to use `valtio`, check out the official [docs](https://valtio.dev/docs/introduction/getting-started).

## License

MIT