ShMcK

import { createStore, applyMiddleware, compose } from 'redux'
import thunk from 'redux-thunk'
import api from '../middleware/api'
import rootReducer from '../reducers'
import DevTools from '../containers/DevTools'

const store = (preloadedState) => {
  return createStore(
    rootReducer,
    preloadedState,

ShMcK

const store = new Redux.Store({
 initialState: {},
 reducers: { count },
 middlewares: [api, devTools],
})

ShMcK

const increment = (count) => ({ type: 'INCREMENT', payload: count })
const decrement = (count) => ({ type: 'DECREMENT', payload: count })

ShMcK

const countReducer = (state, action) => {
  switch(action.type) {
    case INCREMENT:
      return state + action.payload
    case DECREMENT:
      return state - action.payload
    default:
      return state
  }
}

ShMcK

const countReducer = {
  INCREMENT: (state, action) => state + action.payload,
  DECREMENT: (state, action) => state - action.payload,
}

ShMcK

const incrementAsync = (count) => async (dispatch) => {
  await delay()
  dispatch(increment(count))
}

ShMcK

const incrementAsync = async (count) => {
  await delay()
  dispatch(increment(count))
}

ShMcK

const count = {
  state: 0,
  reducers: {
    increment: (state, action) => state + action.payload,
    decrement: (state, action) => state - action.payload,
  }
}

ShMcK

const anyActionCreator = (namespace, type) => (payload) => ({
  type: `${namespace}/${type}`,
  payload
})

ShMcK

import { init, dispatch } from '@rematch/core'
import delay from './makeMeWait.js'

const count = {
  state: 0,
  reducers: {
    increment: (state, payload) => state + payload,
    decrement: (state, payload) => state - payload,
  },
  effects: {