JSPM

  • Created
  • Published
  • Downloads 351448
  • Score
    100M100P100Q170239F
  • License MIT

Flux Standard Action utlities for Redux

Package Exports

  • redux-actions
  • redux-actions/es/handleActions
  • redux-actions/lib/createAction
  • redux-actions/lib/createActions
  • redux-actions/lib/handleActions
  • redux-actions/lib/utils/camelCase
  • redux-actions/lib/utils/flattenActionMap

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (redux-actions) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

redux-actions

Build Status codecov npm npm

Flux Standard Action utilities for Redux

Table of Contents

Getting Started

Installation

$ npm install --save redux-actions

or

$ yarn add redux-actions

The npm package provides a CommonJS build for use in Node.js, and with bundlers like Webpack and Browserify. It also includes an ES modules build that works well with Rollup and Webpack2's tree-shaking.

The UMD build exports a global called window.ReduxActions if you add it to your page via a <script> tag. We don’t recommend UMD builds for any serious application, as most of the libraries complementary to Redux are only available on npm.

Usage

import { createActions, handleActions, combineActions } from 'redux-actions';

const defaultState = { counter: 10 };

const { increment, decrement } = createActions({
  INCREMENT: (amount = 1) => ({ amount }),
  DECREMENT: (amount = 1) => ({ amount: -amount })
});

const reducer = handleActions(
  {
    [combineActions(increment, decrement)](
      state,
      {
        payload: { amount }
      }
    ) {
      return { ...state, counter: state.counter + amount };
    }
  },
  defaultState
);

export default reducer;

See the full API documentation.

Documentation