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

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

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

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-async - 1.7.0 | npmpackage.info

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

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

Weekly Downloads

Monthly Downloads

Yearly Downloads