mywebsite/client/js/redux/actions.js

import * as types from "./constants";
import marked from 'marked';

function initPreview(posts) {
    return {
        type: types.INIT_PREVIEW,
        posts
    }
}

function loadPost(post){
    return {
      type: types.LOAD_POST,
      post
    }
}

//using redux-thunk we can modify actions before they get called
//in this case we can send the http request here rather in the react component
export function fetchPreview() {
    return (dispatch) => {
        return fetch('/public/metadata.json')
            .then(response => response.json())
            .then(json => {
                dispatch(initPreview(json));
            })
            .catch(error => {
                console.log(error);
            });
    }
}

export function fetchPost(category, post) {
    return (dispatch) => {
        return fetch(`/public/posts/${category}/${post}.md`)
            .then(response => response.text())
            .then(response => {
                dispatch(loadPost(response));
            })
            .catch(error => {
                console.log(error);
            });
    }
}