simple redux

createStore.md

const createStore = (rootReducer) => {
  let state
  let listeners

  const getState = (state) => state

  const dispatch = (action) => {
    state = rootReducer(action, state)
    listeners.forEach(l => l())
  }

  const subscribe = (listener) => {
    listeners.push(listener)
    return function unsubscribe() {
      listeners.filter(l => l !=== listener)
    }
  }

  return { dispatch, subscribe, getState }
}

export default createStore

middlewares.md

Logger

const logger = (store) => (next) => (action) => {
	console.group()
	console.log(‘next action’, action)
	
	next(action)
	
	console.log(‘next state’, store.getState())
	console.groupEnd()
}

Thunk

const thunk = (store) => (next) => (action) => {
	typeof action === ‘function’
		? action(store.dispatch, store.getState)
		: next(action)
}

simple-redux.md

const applyMiddlewares = (store, middlewares) => {
  middlewares = middlewares.slice()
	middlewares.reverse()
	
	const { dispatch } = store
	middlewares.forEach(middleware => {
		dispatch = middleware(store)(dispatch)
	}
	return Object.assign({}, store, { dispatch })
}

export default applyMiddlewares