JavaScript redux-actions/lib/createAction Examples

Example #1

File: fetchMiddleware.js Project: react-life/react-life

export default store => next => action => {
    const apiCall = action[API_CALL];

    if (typeof apiCall === 'undefined') {
        return next(action)
    }

    let { endpoint, method, types } = apiCall;

    if (typeof endpoint !== 'string') {
        throw new Error('Specify a string endpoint URL.');
    }

    if (!Array.isArray(types) || types.length !== 3) {
        throw new Error('Expected an array of three action types.');
    }
    if (!types.every(type => typeof type === 'string')) {
        throw new Error('Expected action types to be strings.');
    }

    const [ requestType, successType, failureType ] = types;

    next(createAction(requestType)());

    return callApi(endpoint, method, action.payload).then(
        response => {
            return next(createAction(successType)(response))
        },
        error => {
            return next(createAction(failureType)(error.message || 'Something bad happened'))
        }
    );
}

Example #2

File: article.js Project: teng2015/react-weui

import actionTypes from '../consts/article'
import Model from '../models/article'
import createAction from 'redux-actions/lib/createAction'

export const postArticle = createAction(
  actionTypes.POST_ARTICLE,
  (options) => {
    return new Model()
      .addPaths(['{category}', 'news'])
      .replace({
        category: 123
      })
      .POST({
        data: options.data
      })
  }
)

Example #3

File: fetchMiddleware.js Project: react-life/react-life

 error => {
     return next(createAction(failureType)(error.message || 'Something bad happened'))
 }

Example #4

File: fetchMiddleware.js Project: react-life/react-life

 response => {
     return next(createAction(successType)(response))
 },