Firebase&Redux-thunk

actionCreators.js

import {
    ADD_RECIPE,
    BUILD_LIST
} from '../constants/';

export { pushPath } from 'redux-simple-router';

export function addRecipe(recipe) {
    return {
        type: ADD_RECIPE,
        recipe
    };
}


/*======================================
=            Firebase setup            =
======================================*/
import Firebase from 'firebase';
import Fireproof from 'fireproof';
const fireRef = new Firebase('https://<PathToDBApp>/');
const fp = new Fireproof(fireRef);
const list = fp.child('recipeList');
/*=====  End of Firebase setup  ======*/

====  End of asyncCreators  ======*/


/**
 * currently the recipeList going through this action creator is in Firebase
 * format. So the directions and ingredients are strings. The reducer function
 * will handle the conversion.
 * @param  {object} recipeList From Firebase
 * @return {object}            Action object for the reducer function recipeList
 */
export function buildList(recipeList) {
    return {
        type: BUILD_LIST,
        recipeList
    };
}

/**
 * Will return a function that takes in dispatch and getState and will return a promise.
 * During this function call I fetch from the database via promises and using .then
 * dispatch the action to add the fetched data to the local state store.
 */
export function getRecipeListFirebase() {
    return function(dispatch, getState) {
        dispatch(requestRecipes());
        return list.then(function successFB(snap) {
            dispatch(successfulRequest());
            // NOTE: recipeList in firebase format through buildList
            // Convert in the reducer
            dispatch(buildList(snap.val()));
        }, function failFB() {
            dispatch(failedRequest());
        });
    };
}

import {
    snakeCase,
    snakedNameOf
} from '../js/core_helpers';
import {
    recipeExtras,
    properRecipeFormat
} from '../js/core';


/**
 * This recipe is from the user input and is in the string format for directions
 * and the ingredients
 *
 * Need to add checks for if no name property on the recipe coming in.
 * If this is the case do not send to firebase or the redux store!
 */
export function addRecipeFirebase(recipe) {
    return (dispatch) => {
        // create a child Firebase ref for the new recipe
        const snakedName = snakeCase(recipe.name);
        const dbPath = list.child(snakedName);


        // the recipe will get a different uuid for firebase and the store.
        let buffedRecipe = recipeExtras(recipe).toObject();

        return dbPath.set(buffedRecipe).then(function() {
            // By passing the buffedRecipe to addRecipe I let recipeExtras see
            // the recipe object already has a created_date and id. Therefore
            // using them instead of creating new versions.

            const realFormatRecipe = properRecipeFormat(buffedRecipe);
            // check that there is a recipe coming back from formatting
            if (!!realFormatRecipe) dispatch(addRecipe(realFormatRecipe));
        });

    };
}