react-ssr-data-load-function.js

function loadArticle(id) {
    return async function(dispatch) {
        // Dispatch an action indicating we have started loading
        // When reduced, the state would likely indicate we
        // are in a loading state
        dispatch(startLoadArticle(id))

        // Perform the load of the data
        const loadedArticle = await api.loadArticle(id)

        // When done, dispatch finished action, which would
        // load the data into the store and exit loading state
        dispatch(finishLoadArticle(id, loadedArticle))
    }
}

function startLoadArticle(id) {
    return {
        type: 'START_LOAD_ARTICLE',
        payload: { id }
    }
}

function finishLoadArticle(id, loadedArticle) {
    return {
        type: 'FINISH_LOAD_ARTICLE',
        payload: { id, loadedArticle}
    }
}


function reducer(state = {}, action) {
    if (action.type === 'START_LOAD_ARTICLE') {
        return {
            loading: action.payload.id,
            article: undefined
        }
    }
    if (action.type === 'FINISH_LOAD_ARTICLE') {
        return {
            loading: undefined,
            article: action.payload.loadedArticle
        }
    }
}

store.dispatch(loadArticle(1))