redux-actions-helper
Advanced tools
Comparing version 0.0.2 to 0.0.3
@@ -14,3 +14,3 @@ 'use strict'; | ||
var createStateActionFunc = function createStateActionFunc(actionType, payloadCreator, metaCreator) { | ||
var createActionFunc = function createActionFunc(actionType, payloadCreator, metaCreator) { | ||
return function () { | ||
@@ -21,18 +21,2 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { | ||
return function (dispatch, getState) { | ||
return dispatch({ | ||
type: actionType, | ||
payload: getActionData(payloadCreator, [{ dispatch: dispatch, getState: getState }].concat(args)), | ||
meta: getActionData(metaCreator, args) | ||
}); | ||
}; | ||
}; | ||
}; | ||
var createActionFunc = function createActionFunc(actionType, payloadCreator, metaCreator) { | ||
return function () { | ||
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
args[_key2] = arguments[_key2]; | ||
} | ||
return { | ||
@@ -62,4 +46,20 @@ type: actionType, | ||
var createActionWithState = exports.createActionWithState = function createActionWithState(actionName, payloadCreator, metaCreator) { | ||
return functionCreator(createStateActionFunc)(actionName, payloadCreator, metaCreator); | ||
var createThunkActionFunc = function createThunkActionFunc(actionType, payloadCreator, metaCreator) { | ||
return function () { | ||
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
args[_key2] = arguments[_key2]; | ||
} | ||
return function (dispatch, getState) { | ||
return dispatch({ | ||
type: actionType, | ||
payload: getActionData(payloadCreator, [{ dispatch: dispatch, getState: getState }].concat(args)), | ||
meta: getActionData(metaCreator, args) | ||
}); | ||
}; | ||
}; | ||
}; | ||
var createThunkAction = exports.createThunkAction = function createThunkAction(actionName, payloadCreator, metaCreator) { | ||
return functionCreator(createThunkActionFunc)(actionName, payloadCreator, metaCreator); | ||
}; |
@@ -15,6 +15,6 @@ 'use strict'; | ||
}); | ||
Object.defineProperty(exports, 'createActionWithState', { | ||
Object.defineProperty(exports, 'createThunkAction', { | ||
enumerable: true, | ||
get: function get() { | ||
return _createAction.createActionWithState; | ||
return _createAction.createThunkAction; | ||
} | ||
@@ -21,0 +21,0 @@ }); |
{ | ||
"name": "redux-actions-helper", | ||
"version": "0.0.2", | ||
"version": "0.0.3", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "main": "./dist/index.js", |
@@ -89,39 +89,2 @@ # redux-actions-helper | ||
### createActionWithState | ||
```js | ||
createActionWithState( | ||
actionsName: string, | ||
payloadCreator: ({ dispatch, getState }, args) => payload, | ||
metaCreator: (args) => meta, | ||
) | ||
``` | ||
```js | ||
// actions/todo.js | ||
import { createActionWithState } from 'redux-actions-helper'; | ||
export const updateTODO = createActionWithState( | ||
'UPDATE_TODO', ({ dispatch, getState }, task)=>{ | ||
const state = getState() | ||
return { | ||
id: task.id, | ||
task, | ||
operator: state.user.id | ||
} | ||
} | ||
); | ||
``` | ||
use it as same as createAction | ||
```js | ||
// app/Home.js | ||
this.props.updateTODO({ | ||
id: 1, | ||
title: 'new' | ||
}) | ||
``` | ||
### async | ||
@@ -187,2 +150,40 @@ | ||
}, initState) | ||
``` | ||
### createThunkAction | ||
if you use thunk middleware, you can use `createThunkAction` | ||
```js | ||
createThunkAction( | ||
actionsName: string, | ||
payloadCreator: ({ dispatch, getState }, args) => payload, | ||
metaCreator: (args) => meta, | ||
) | ||
``` | ||
```js | ||
// actions/todo.js | ||
import { createThunkAction } from 'redux-actions-helper'; | ||
export const updateTODO = createThunkAction( | ||
'UPDATE_TODO', ({ dispatch, getState }, task)=>{ | ||
const state = getState() | ||
return { | ||
id: task.id, | ||
task, | ||
operator: state.user.id | ||
} | ||
} | ||
); | ||
``` | ||
use it as same as createAction | ||
```js | ||
// app/Home.js | ||
this.props.updateTODO({ | ||
id: 1, | ||
title: 'new' | ||
}) | ||
``` |
@@ -6,9 +6,2 @@ const getActionData = (func, args) => { | ||
const createStateActionFunc = (actionType, payloadCreator, metaCreator) => | ||
(...args) => (dispatch, getState) => dispatch({ | ||
type: actionType, | ||
payload: getActionData(payloadCreator, [{ dispatch, getState }].concat(args)), | ||
meta: getActionData(metaCreator, args), | ||
}) | ||
const createActionFunc = (actionType, payloadCreator, metaCreator) => | ||
@@ -33,4 +26,11 @@ (...args) => ({ | ||
export const createActionWithState = (actionName, payloadCreator, metaCreator) => { | ||
return functionCreator(createStateActionFunc)(actionName, payloadCreator, metaCreator) | ||
const createThunkActionFunc = (actionType, payloadCreator, metaCreator) => | ||
(...args) => (dispatch, getState) => dispatch({ | ||
type: actionType, | ||
payload: getActionData(payloadCreator, [{ dispatch, getState }].concat(args)), | ||
meta: getActionData(metaCreator, args), | ||
}) | ||
export const createThunkAction = (actionName, payloadCreator, metaCreator) => { | ||
return functionCreator(createThunkActionFunc)(actionName, payloadCreator, metaCreator) | ||
}; |
export { createAction as createAction } from './createAction'; | ||
export { createActionWithState as createActionWithState } from './createAction'; | ||
export { createThunkAction as createThunkAction } from './createAction'; | ||
export { default as handleActions } from './handleActions'; | ||
export { default as createActionPrefix } from './createActionPrefix'; | ||
export { default as promiseMiddleware } from './promise-middleware'; |
17205
187