Statechart is a TypeScript library for building Harel Statecharts.
npm install @corey.burrows/statechart
import Statechart from '@corey.burrows/statechart';
type Ctx {}
type Evt = {type: 'toggle'};
const toggle = new Statechart<Ctx, Evt>({}, s => {
s.state('on', s => {
s.on('toggle', '../off');
});
s.state('off', s => {
s.on('toggle', '../on');
});
});
let state = toggle.initialState;
console.log(state.paths); // ['/on']
state = toggle.send(state, {type: 'toggle'});
console.log(state.paths); // ['/off']
state = toggle.send(state, {type: 'toggle'});
console.log(state.paths); // ['/on']- useStatechart
- Use a statechart to manage a React component's state
Statechart is MIT licensed.