Simple meteor App State with Redux concepts

mrphu3074 · July 19, 2016, 9:29am

Hi, i just share how i use meteor + react in my project.
I using react-meteor-data lib which created and maintain by MDG. It may be good way to handle data in meteor. But in react, You must have ability to control app state (like Flux, Redux,…) , and react-meteor-data does not support. So i tried to create a lib to manage app state. If it can help you, great !
Here is it:

github.com

mrphu3074/meteor-appstate-demo/blob/master/imports/store/store.js

import { ReactiveDict } from 'meteor/reactive-dict';

const _STORE = Symbol('STORE');
const _TRIGGER_CHANGE = Symbol('TRIGGER_CHANGE');
const _COMPOSE = Symbol('COMPOSE');
const _DISPATCH = Symbol('DISPATCH');
const _REDUCERS = Symbol('REDUCERS');
const _REDUCER_TYPE = Symbol('REDUCER_TYPE');

export class AppState {
	constructor({ middlewares = [] }) {
		// main object to store state
		this[_STORE] = {};
		// store to trigger change meteor tracker
		this._trigger = new ReactiveDict({});
		// list reducers
		this[_REDUCERS] = {};
		// list reducer - type mapping
		this[_REDUCER_TYPE] = {};

This file has been truncated. show original

ALL in one file. This lib cloned redux concepts.

And i created an example for it:

Features

Redux way
Compatible with some redux middleware : redux-logger, redux-thunk, redux-diff-logger , … (didn’t test all)
Atomic update specific state

Disclaimer: Iam not good at english, please correct me.

ralpheiligan · November 28, 2016, 3:52pm

@mrphu3074 can also make something that mimics mobX ? =)