robinvdvleuten / chronicle

Tiny observable & high-performance state management.

chronicle

Tiny observable & high-performance state management with RxJS as first-class citizen.

Installation

$ npm i chronicle@alpha --save

Usage

import { createStore } from 'chronicle';

const counter = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}

const epic = (action$, store) =>
  action$
    .filter(action => action.type === 'DECREMENT')
    .map(() => ({ type: 'INCREMENT' }));

const store = createStore(counter, null, epic);

store.dispatch({ type: 'DECREMENT' });

// Will output 1 instead of -1
console.log(store.getState());

Credits

Thanks to Redux Observable for the initial inspiration and Forbes Lindesay for donating the chronicle npm name.

License

MIT © Robin van der Vleuten

chronicle's Issues

Make subscribers compatible with redux middleware

The current middleware implementation of flucon looks like this;

store(() => (action, next) => {
  return next(action);
});

But should look like the following to be more compatible with redux;

store(() => next => action => {
  return next(action);
});

Unable to add operations to action$ subject

When importing this module, you aren't able to add operators to the action$ subject instance;

import { createStore } from 'chronicle';
import { Subject } from 'rxjs/Subject';

// Add the filter operator as mentioned by the docs.
import 'rxjs/add/operator/filter';

const reducer = (state = 0, action) => {
  return state;
}

const rootEpic = (action$) => {
  // Why is action$.filter undefined here? 
  console.log(action$.filter, Subject.prototype.filter);

  return action$;
}

const store = createStore(reducer, undefined, rootEpic);