npmpackage.info

Gathering detailed insights and metrics for redux-act-async

Other packages similar to redux-act-async

@umds/redux-act-async

1.7.0-beta.24

Reducing the boilerplate of redux asynchronous applications

redux-act-array-async

1.7.2

Reducing the boilerplate of redux asynchronous applications

redux-act-async-flat

1.6.1

Reducing the boilerplate of redux asynchronous applications

redux-act-dispatch-free

1.3.0

extend 'redux-act' package for async actions call without dispatch

Gathering detailed insights and metrics for redux-act-async

redux-act-async - 1.7.0 | npmpackage.info

redux-act-async

Reduce boilerplate for redux async actions and reducers

1.7.0

125

Apache-2.0

JavaScript

4.85 kB

128,443 2

Installations

npm install redux-act-async

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.1.2

NPM Version

5.3.0 Score

68.5

Supply Chain

98.8

Quality

75.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

2

Total

20

Closed

2

Merged

16

Issues

Open

2

Total

15

Closed

13

Releases

Fat fighter

v1.5.0

Updated on Mar 17, 2017

rethrow => noRethrow

v0.15.0

Updated on Aug 29, 2016

BREAKING API: return payload.response/error and payload.request

v0.10.0

Updated on Jul 28, 2016

View All 3 releases

Languages

JavaScript

JavaScript (100%)

Developer

FredericHeem

Download Statistics

Total Downloads

128,443

Last Day

Last Week

Last Month

365

Last Year

5,514

GitHub Statistics

Apache-2.0 License

125 Stars

107 Commits

22 Forks

5 Watchers

2 Branches

8 Contributors

Updated on Nov 26, 2024

Bundle Size

15.80 kB

Minified

4.85 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 8 Contributors

Package Meta Information

Latest Version

1.7.0

Package Id

redux-act-async@1.7.0

Size

7.78 kB

NPM Version

5.3.0

Node Version

8.1.2

Total Downloads

Cumulative downloads

Total Downloads

128,443

Last Day

Compared to previous day

Last Week

-17%

Compared to previous week

Last Month

-15.7%

365

Compared to previous month

Last Year

-49.7%

5,514

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

redux-act-async

Create async actions and reducers based on redux-act

Install

1npm install redux-act-async --save

Badges

Usage

1
2import thunk from 'redux-thunk'
3import {createStore, applyMiddleware} from 'redux';
4import {createActionAsync, createReducerAsync} from 'redux-act-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.

2

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

79 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-hr2v-3952-633q
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-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c
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-qqgx-2p2h-9c37
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-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
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

2

/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

Other packages similar to redux-act-async

Other packages similar to redux-act-async

redux-act-async

Installations

Developer Guide

No

CommonJS

8.1.2

5.3.0

Score

Pull Requests

2

20

2

16

Issues

2

15

13

Releases

Languages

Developer

FredericHeem

Download Statistics

GitHub Statistics

Bundle Size

15.80 kB

4.85 kB

Maintainers

Package Meta Information

Total Downloads

128,443

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

redux-act-async

Install

Badges

Usage

Legacy redux

Async Action Options

Who is using this library ?

10

10

2

0

0

0

0

0

0

0

2

/10