npmpackage.info

Gathering detailed insights and metrics for redux-act-array-async

redux-act-array-async - 1.7.2 | npmpackage.info

redux-act-array-async

Reduce boilerplate for redux async actions and reducers，support multi actions.

1.7.2

Apache-2.0

JavaScript

4.92 kB

1,120 1.7

Installations

npm install redux-act-array-async

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.6.0

NPM Version

5.3.0 Score

68.5

Supply Chain

98.8

Quality

74.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

jiang-12196

Download Statistics

Total Downloads

1,120

Last Day

Last Week

Last Month

Last Year

119

GitHub Statistics

Apache-2.0 License

2 Stars

108 Commits

1 Watchers

1 Branches

1 Contributors

Updated on Jul 25, 2024

Bundle Size

15.96 kB

Minified

4.92 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.7.2

Package Id

redux-act-array-async@1.7.2

Size

7.90 kB

NPM Version

5.3.0

Node Version

8.6.0

Total Downloads

Cumulative downloads

Total Downloads

1,120

Last Day

Compared to previous day

Last Week

Compared to previous week

Last Month

-41.2%

Compared to previous month

Last Year

0.8%

119

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

redux-act-array-async

Create async multi actions and reducers based on redux-act

Install

1npm install redux-act-array-async --save

1
2import thunk from 'redux-thunk'
3import {createStore, applyMiddleware} from 'redux';
4import {createActionAsync, createReducerAsync} from 'redux-act-array-async';
5
6// The async api to call, must be a function that returns a promise
7let user = {id: 8};
8function apiOk(){
9  return Promise.resolve(user);
10}
11
12// createActionAsync will create 4 synchronous action creators:
13// login.request, login.ok, login.error and login.reset
14const login = createActionAsync('LOGIN', apiOk);
15
16/*
17createReducerAsync takes an async action created by createActionAsync.
18It reduces the following state given the four actions:  request, ok, error and reset.
19const defaultsState = {
20    loading: false,
21    request: null,
22    data: null,
23    error: null
24};
25
26if you need to overwrite the defaultsState just insert your initialState as a second paramenter in the createReducerAsync function. Just like that:
27
28const initialState = {
29    loading: false,
30    request: null,
31    data: {custom: "intitial data"},
32    error: null
33};
34
35const reducer = createReducerAsync(login, initialState)
36
37*/
38const reducer = createReducerAsync(login)
39
40const store = createStore(reducer, applyMiddleware(thunk));
41
42await store.dispatch(login({username:'lolo', password: 'password'}));
43

Legacy redux

In a nutshell, the following code:

1const options = {noRethrow: false};
2const loginAction = createActionAsync('LOGIN', api, options);
3const loginReducer = createReducerAsync(loginAction)

is equivalent to:

1const LOGIN_REQUEST = 'LOGIN_REQUEST'
2const LOGIN_OK = 'LOGIN_OK'
3const LOGIN_ERROR = 'LOGIN_ERROR'
4const LOGIN_RESET = 'LOGIN_RESET'
5
6const loginRequest = (value) => ({
7  type: LOGIN_REQUEST,
8  payload: value
9})
10
11const loginOk = (value) => ({
12  type: LOGIN_OK,
13  payload: value
14})
15
16const loginError = (value) => ({
17  type: LOGIN_ERROR,
18  payload: value
19})
20
21const loginReset = (value) => ({
22  type: LOGIN_RESET,
23  payload: value
24})
25
26const options = {noRethrow: true};
27
28export const login = (...args) => {
29  return (dispatch, getState) => {
30    dispatch(loginRequest(...args));
31    return api(...args, dispatch, getState)
32    .then(response => {
33      const out = {
34          request: args,
35          response: response
36      }
37
38      dispatch(loginOk(out))
39      return out;
40    })
41    .catch(error => {
42      const errorOut = {
43          actionAsync,
44          request: args,
45          error: error
46      }
47      dispatch(loginError(errorOut))
48      if(!options.noRethrow) throw errorOut;
49    })
50  }
51}
52
53const defaultsState = {
54    loading: false,
55    request: null,
56    data: null,
57    error: null
58};
59
60const reducer = createReducer({
61    [actionAsync.request]: (state, payload) => ({
62        ...state,
63        request: payload,
64        loading: true,
65        data: null,
66        error: null
67    }),
68    [actionAsync.ok]: (state, payload) => ({
69        ...state,
70        loading: false,
71        data: payload.response
72    }),
73    [actionAsync.error]: (state, payload) => ({
74        ...state,
75        loading: false,
76        error: payload.error
77    }),
78    [actionAsync.reset]: () => (defaultsState)
79} , defaultsState);
80
81

That's 3 lines against 78 lines, a good way to reduce boilerplate code.

Async Action Options

Here are all the options to configure an asynchronous action:

1const actionOptions = {
2  noRethrow: false,
3  request:{
4    callback: (dispatch, getState, ...args) => {
5    },
6    payloadReducer: (payload) => {
7      return payload
8    },
9    metaReducer: (meta) => {
10      return ASYNC_META.REQUEST
11    }
12  },
13  ok:{
14    callback: (dispatch, getState, ...args) => {
15    },
16    payloadReducer: (payload) => {
17      return payload
18    },
19    metaReducer: () => {
20      return ASYNC_META.OK
21    }
22  },
23  error:{
24    callback: (dispatch, getState, ...args) => {
25    },
26    payloadReducer: (payload) => {
27      return payload
28    },
29    metaReducer: () => {
30      return ASYNC_META.ERROR
31    }
32  }
33}
34
35const loginAction = createActionAsync('LOGIN', api, actionOptions);
36

Who is using this library ?

This library has been extracted originally from starhack.it, a React/Node Full Stack Starter Kit.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

70 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-h6ch-v84p-w6p9
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2
Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq
Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-4hpf-3wq7-5rpr
Warn: Project is vulnerable to: GHSA-f522-ffg8-j8r6
Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546
Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-282f-qqgm-c34q
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-7px7-7xjx-hxm8
Warn: Project is vulnerable to: GHSA-x5pg-88wf-qq4p
Warn: Project is vulnerable to: GHSA-p9wx-2529-fp83
Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj
Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf
Warn: Project is vulnerable to: GHSA-f9cm-qmx5-m98h
Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-6394-6h9h-cfjg
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-g7q5-pjjr-gqvp
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.7

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

redux-act-array-async

Installations

Developer Guide

No

CommonJS

8.6.0

5.3.0

Score

Pull Requests

0

0

0

Issues

0

0

0

Releases

Unable to fetch releases

Languages

Developer

jiang-12196

Download Statistics

GitHub Statistics

Bundle Size

15.96 kB

4.92 kB

Maintainers

Package Meta Information

Total Downloads

1,120

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

redux-act-array-async

Install

Legacy redux

Async Action Options

Who is using this library ?

10

10

0

0

0

0

0

0

0

0

1.7

/10