@on1labs/minimal-store
v1.1.1
Published
A simple reactive store system based on Svelte's store
Downloads
4
Maintainers
Readme
minimal-store
A simple reactive store system for managing state in TypeScript.
Installation
Install the package using npm:
npm install @on1force/minimal-store
Usage
Creating a store
Create a store with an initial value:
import { createStore } from '@on1force/minimal-store';
// Create a store with an initial value
const countStore = createStore(0);
Subscribing to a store
Subscribe to changes in the store's value:
const unsubscribe = countStore.subscribe(value => {
console.log(`Count: ${value}`);
});
Updating a store
Update the store's value using the set method:
countStore.set(1);
Use the update method to modify the value based on the current value:
countStore.update(value => value + 1);
Getting the Current Value
Get the current value directly:
const currentValue = countStore.get();
Unsubscribing from a store
Unsubscribe from changes to the store's value:
unsubscribe();
API
createStore(initialValue: T): Store<T>
Creates a new store with the specified initial value.
initialValue
: The initial value of the store. Returns: A new store object.
subscribe(listener: (value: T) => void): () => void
Subscribes to changes in the store's value.
subscriber
(Subscriber): A function that receives the current value of the store. Returns an Unsubscribe function to remove the subscriber.
set(value: T): void
Sets the store's value and notifies all subscribers.
value
(T): The new value of the store.
update(updater: (value: T) => T): void
Updates the store's value using an updater function and notifies all subscribers.
updater
(Updater): A function that receives the current value of the store and returns the new value.
get(): T
Gets the current value of the store.
Returns: The current value of the store.
License
MIT