writable-store

Tiny tiny state management package inspired by Svelte stores.

Usage no npm install needed!

<script type="module">
  import writableStore from 'https://cdn.skypack.dev/writable-store';
</script>

README

Writable Store

Tiny tiny state management package inspired by Svelte stores.

Installation

$ npm i writable-store

Setup

Import writable and create a writable store with an initial state:

import { writable } from 'writable-store'

export const todoStore = writable([])

Import the store inside your component and subscribe to receive updated values:

import { todoStore } from './stores'

const $todos = todoStore.subscribe(todos => /* Do something... */)

You can use the value received after subscription to update component props, state etc...

To update the store with a new value:

todoStore.set(todos => /* New value... */)

To retreive the current store value:

todoStore.get() 

Remember to unsubscribe during cleanup / unmounting:

$todos.unsubscribe()