ozankasikci/redux-fast-actions

A module to ease the pain of creating actions constants and action creator functions.

Why?

Because declaring action constants and action creator function for each action is a real pain.

One object to rule them all

Create an action config object in a file, export the generated types and actions.

// actions.js
import fastActions from 'redux-fast-actions';

const actionsConfig = {
  home: {
    fetchFeed: { payload: ['feeds'] },
  },
  profile: {
    uploadImage: { payload: ['imagePath', 'imageName'] }
  }
}

const fasActions = fastActions(actionsConfig);
export const types = fasActions.types;
export const actions = fasActions.actions;

Import the file anywhere in your project.

const { types, actions } = 'path/to/actions.js';


// console.log(types)
{
  HOME_FETCH_FEED: 'HOME_FETCH_FEED'
  PROFILE_UPLOAD_IMAGE: 'PROFILE_UPLOAD_IMAGE'
}

// console.log(actions)
{
  home: {
    fetchFeed: (feeds) => {
      return { type: HOME_FETCH_FEED, payload: { feeds } }
    }
  },
  profile: {
    uploadImage: (imagePath, imageName) => {
      return { type: PROFILE_UPLOAD_IMAGE, payload: { imagePath, imageName } }
    }
  }
}


// you can dispatch the generated actions like;
dispatch(actions.profile.uploadImage(imagePath, imageName))

Installation

npm i redux-fast-actions --save

or if you prefer yarn:

yarn add redux-fast-actions