Request Middleware

action.js

export const REQUEST_DELETE_USER = 'REQUEST_DELETE_USER';
export const USER_REMOVE_USER = 'USER_REMOVE_USER';

export const removeUser = (userId) => {
    return (dispatch, getState) => {
        // The middleware picks up on the following signature
        // 
        // 1. request prop
        // 2. request prop is thenable
        // 
        // If the signature is a match then the request store will be updated with 
        // the request metadata includeing loading status & parsed response headers (pagination support)
        dispatch({
            type: REQUEST_DELETE_USER,
            request: deleteUser(userId, authDAO.getToken(getState())),
            onSuccess: () => {
                dispatch({
                    type: USER_REMOVE_USER,
                    payload: userId
                })
            }
        });
    };
};

container.js

// ...

const mapStateToProps = (state) =>  {
    return {
        tils: tilDao.getTils(state)
    };
};

const mapDispatchToProps = (dispatch) => {
    return {
        actions: bindActionCreators({
            getTils
        }, dispatch)
    };
};

const loadingProps = {
    isPaginating: true,
    requestName: REQUEST_FETCH_TILS
};

export default compose(
    loading(loadingProps),
    connect(mapStateToProps, mapDispatchToProps)
)(Til);