Vanilla Redux

vanilla-redux.js

// -------- declaration of Store, reducers, actions  --------  -------- 

function createStore(reducers) {
    let currentSubscribers = [];

    const dispatch = (action) => {
        const currentState = reducers[action.type](currentState, action);
        for (let i = 0; i < currentSubscribers.length; i++) {
            currentSubscribers[i](currentState);
        }
    }

    const subscribe = (subscriber) => {
        currentSubscribers = [...currentSubscribers, subscriber];
    }

    return {
        dispatch, subscribe
    }
}


const defaultState = {};
const reducers = {
  ['FIRST_ACTION']: (state = defaultState, action) => {
    const newState = Object.assign({}, state, action);
    return newState.payload;
  }
}

const myFirstAction = (data) =>  ({
  type: 'FIRST_ACTION',
  payload: data
});

// -------- create component  --------  --------  --------  -------- 

const MyComponent = (props) => {
  console.log('prop:', props)
}

// -------- create store, subscribe + dispatch --------  --------  -------- 

const store = createStore(reducers);

store.subscribe(MyComponent)

store.dispatch(myFirstAction('some-data'))