Alternative Redux reducer syntax

altReducer.js

import { ACTION1, ACTION2 } from './someAction'
import { reducer } from 'alt-redux'

export const name = "TODOS"

const initialState = {}
const store = reducer({ name, initialState })
store.on(ACTION1, (state, { foo, bar }) => ({...state, foo, bar }))
store.on(ACTION2, (state, { baz }) => ({...state, baz }))

export default reducer

altReducer2.js

import { ACTION1, ACTION2 } from './someAction'
import { reducer } from 'alt-redux'

export const name = "TODOS"

const initialState = {}
export default reducer({ name, initialState, handlers: {
  [ACTION1]: (state, { foo, bar }) => ({...state, foo, bar })),
  [ACTION2]: (state, { baz }) => ({...state, baz }),
}});

altReducer3.js

import { ACTION1, ACTION2 } from './someAction'

const initialState = {}

const reducer = {
  [ACTION1]: (state = initialState, { foo, bar }) => ({...state, foo, bar }),
  [ACTION2]: (state = initialState, { baz }) => ({...state, baz }),
}

export default reducer