idstm
v0.1.13
Published
React store for straightforward shared state management
Downloads
6
Readme
idstm
React store for straightforward shared state management
Dealing with shared state similarly to React's useState()
.
Usage
import {Store, useStore} from 'idstm';
Wrap up shared data into
new Store(data)
, put it into a React Context;Pick the store from the context with the React's
useContext()
hook from within a component;Read the store state and subscribe to its updates:
let [state, setState] = useStore(store);
Alternatively, uselet [state, setState] = useStore(store, false);
(with the hook's second parameter) to turn off the subscription to store state updates;Update the immutable store state via the mutable interface of
setState()
:setState(draftState => { draftState.x += 5; });
Have as many stores as needed.
See also idst, an immutable store without the mutable interface of setState()
.
Package name
The package name is the initialism for immutable data store with a mutable interface.