Redux in a nutshell

mini-redux.js

function createStore (reducers) {
  var state = reducers()
  const store = {
    dispatch: (action) => {
      state = reducers(state, action) 
    },
    getState: () => {
      return state
    } 
  }
  return store
}

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

const store = createStore(reducers)

store.getState() // => { counter: 0 }
store.dispatch({ type: 'INCREMENT' })
store.getState() // => { counter: 1 }

Just saw this got some traction, thanks for the nice comments!

@achshar hey there, in my opinion there are different ways to achieve the same goals when dealing tools like JS, you could totally achieve the same behavior by using classes. Using the redux-style solution means that the developer is prioritizing predictability in state management, I wouldn't say that this example is "how state should be done for any application", it's more like "here's the barebones of redux philosophy without having to care about importing libs"