streamich / state-containers

Simple state containers for your services and React apps

state-containers

• Strongly typed state containers with TypeScript.
• Redux-like but without the boilerplate.
• Simple state management for your services and React apps.
• Composable: use just state containers, or with React helpers or add optional routines to the mix.

Usage

Install

npm install state-containers

Use

import {StateContainer, PureTransition, createStateContainer} from 'state-containers';

type CounterState = number;

interface CounterPureTransitions {
  increment: PureTransition<CounterState, [number]>;
  double: PureTransition<CounterState, []>;
  setTo: PureTransition<CounterState, [number]>;
}

const defaultState: CounterState = 0;

const pureTransitions: CounterPureTransitions = {
  increment: (cnt) => (by) => cnt + by,
  double: (cnt) => () => 2 * cnt,
  setTo: (ctn) => (to) => to,
};

const store = createStateContainer(defaultState, pureTransitions);

store.transitions.increment(5);
store.transitions.double();
store.state; // 10

Reference

• State container
• React

Examples

• Counter
• TodoMVC

License

Unlicense — public domain.