BeauFlux

Simple Reactive Flux implementation

Usage

import { Action, Store, MultiStore } from 'beau-flux';

const additionAction = new Action();
const subtractionAction = new Action();
const multiplicationAction = new Action();

class MathStore extends Store {
	constructor() {
		super(0, [
			{ action: additionAction, response: (state, payload) => state + payload },
			{ action: subtractionAction, response: (state, payload) => state - payload },
			{ action: multiplicationAction, response: (state, payload) => state * payload }
		]);
	}
};

const mathStore = new MathStore();
const mathStoreState = mathStore.register(newState => console.log(newState));

const concatAction = new Action();

class MultiStringStore extends MultiStore {
	constructor() {
		super('', [
			{ action: concatAction, 
			  map: {key, value} => {key:key, payload:value}, 
			  response: (state, payload) => state + payload }  
		]);
	}
};

const multiStringStore = new MultiStringStore();
const stringState = multiStringStore.register(0, newState => console.log(newState));

Tests

npm test