@stately/core

stately

Easy state management for javascript. it's useful for global state management and complex local state

TOC

• install
• use
• property

install

npm i @stately/core --save

yarn add @stately/core

---

use

import React from "react";
import { createStore } from "@stately/core";

const initialState = {
  counter: 0
};

const actions = {
  addToCounter: (store, amount) => {
    const newCounterValue = store.state.counter + amount;
    store.setState({ counter: newCounterValue });
  }
};

const store = createStore(initialState, actions);

---

property

Method	Return Type	params
store.setState()	void	partialState:object
store.addListener()	{ remove():void }	listener: Function, sensitiveStatesKey: Array<string>
store.actions()	object	any
store.state	string

---

setState()

Set partial state

Examples

store.setState({counter: store.state.counter+1})

---

addListener()

Add an event listener. Listener run when a state did update Examples

below event run just counter did update

function logCounter(){
 console.log(store.state.counter)
}
store.addListener(logCounter,["counter"])

below event run when any change in state did invoke

function logState(){
 console.log(store.state)
}
store.addListener(logState,[])

---

actions()

gives initialed actions

Notes

Store is bound in first params.

Examples

store.actions.addToCounter(3)

state

gives current state

Examples

console.log(store.state.counter)