redux-rest.js

import fetch from 'isomorphic-fetch'

export function retrieve(url, actionCreator, id = null, collection = null) {
    return (dispatch, getState) => {

        function done(data) {
            dispatch(actionCreator(data))
        }

        if (id !== null) {

            // Grab single from store
            if (collection !== null) {
                let c = getState()[collection]
                const matches = c.filter(i => i.id == id)
                if (matches && matches[0]) {
                    done(matches[0])
                    return
                }
            }

            // Fetch single from api
            fetch(`${url}/${id}`).
                .then(r => r.json())
                .then(data => done(data))

        } else {

            // Fetch whole collection from api
            fetch(url).
                .then(r => r.json())
                .then(data => done(data))
        }
    }
}

export function update(url, actionCreator, model) {
    return (dispatch) {
        fetch(`${url}/${id}`, {
            method: 'PATCH',
            body: JSON.stringify(model)
        })
        .then(r => r.json())
        .then(data => dispatch(actionCreator(data)))
    }
}

export function create(url, actionCreator, model) {
    return (dispatch) {
        fetch(url, {
            method: 'POST',
            body: JSON.stringify(model)
        })
        .then(r => r.json())
        .then(data => dispatch(actionCreator(data)))
    }
}

export function remove(url, actionCreator) {
    return (dispatch) {
        fetch(id, {
            method: 'DELETE',
        })
        .then(r => r.json())
        .then(data => dispatch(actionCreator(data)))
    }
}