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
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.