DEV Community

Cover image for Redux reimplemented in 12 lines of code

Redux reimplemented in 12 lines of code

Dale L. Jefferson on May 30, 2019

I like to reimplement libraries I use, this allows me to better understand how they work, below is my minimal implementation of Redux. const cre...
Read full post
Collapse
 
vonheikemen profile image
Heiker •

And with a few more you can have redux-thunk.

const createStore = reducer => {
  let onChange;
  let state = reducer(undefined, {});
+ let store = {
- return {
    getState: () => state,
    subscribe: fn => (onChange = fn),
    dispatch: action => {
+     if(typeof action === 'function') {
+       return action(store.dispatch, store.getState);
+     }
+
      state = reducer(state, action);
      onChange();
    }
  };

+ return store;
};

A bit intrusive but it does the job.