Redux helpers

helpers.js

export const mapDispatchToProps = actions => dispatch => Object.keys(actions).reduce((obj, key) => {
    obj.actions[key] = bindActionCreators(actions[key], dispatch)

    return obj
}, { actions: {} })
// connect(null, mapDispatchToProps({ action1, action2 }))(ReactComponent)
// => this.props.actions.action1, this.props.actions.action2

export const mapStateToProps = properties => store => properties.reduce((obj, property) => {
    if (store.hasOwnProperty(property)) {
        obj[property] = store[property]
    } else {
        console && console.error(`Cannot read '${property}' in store`)
    }

    return obj
}, {})
// connect(mapStateToProps(['subStore']), null)(ReactComponent)
// => this.props.subStore

export function createReducer(initialState = [], handlers = {}) {
    return function reducer(state = initialState, action) {
        if (handlers.hasOwnProperty(action.type)) {
            return handlers[action.type](state, action)
        } else {
            return state
        }
    }
}
// createReducer({ something: false }, {
//    ['MAKE_SOMETHING_TRUE'](state) {
//         return {
//             ...state,
//             something: true
//         }
//     }
// })