New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

redux-actions-helper

Package Overview
Dependencies
Maintainers
1
Versions
30
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

redux-actions-helper - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

__tests__/createAction.spec.js

38

dist/createAction.js

@@ -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';
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc