Redux Concepts (thanks @narendrashetty)

dispatcher.js

const action = {
  type, // specify the action type
  data // optional data can be passed
};

Store.prototype.dispatch = function(action) {
  // based on the action type
  // generate a new state of the application,
  // by passing it to a reducer
  const state = this.reducer(action);
  this.state = state;
  // Brodcast the new state to all subscribers
});

reducer.js

Store.prototype.reducer = function(action) {
  // create a clone of the state
  let state = Object.assign({}, this.state);
  switch(action.type) {
    case 'INIT':
      state.data = action.data;
      return state;
    default:
      return state;
  }
};

store.js

const INITIAL_STATE = {
  isLoaded: false,
  data: []
};

function Store() {
  this.state = INITIAL_STATE;
};

subscriber.js

// List to hold all the subscribers
let subscribers = [];
// method used to subscribe for a state change
Store.prototype.subscribe = function(callback) {
  subscribers.push(callback);
};
// This method is used to trigger all the subscribers when the state is changed
Store.prototype.triggerSubscribers = function() {
  subscribers.forEach((subscriber) => {
    subscriber(this.state);
  });
};