Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
snapsheet-redux-helpers
Advanced tools
Helpers to reduce boilerplate with redux.
$ npm install snapsheet-redux-helpers --save
or with yarn
$ yarn add snapsheet-redux-helpers
Using the api middleware reduces boilerplate for async actions. Instead of writing actions for your apis like this:
export function login(username, password) {
return (dispatch, getState) => {
dispatch({ type: 'LOGIN' });
return postJSON('/api/v1/login', { username, password }).then(
(data) => {
dispatch({ type: 'LOGIN_SUCCESS', result: data });
return data;
},
(error) => {
// handle error
dispatch({ type: 'LOGIN_ERROR', error: error })
return Promise.reject(error);
}
);
}
}
You can write them like this with the use of AjaxAction:
export function login(username, password) {
return new AjaxAction('LOGIN')
.call((apiClient) => apiClient.postJSON('/api/v1/login', { username, password }))
.toReduxAction();
}
import { createApiMiddleware } from 'snapsheet-redux-helpers';
You can also minimize the bundle by importing only the files you need
import createApiMiddleware from 'snapsheet-redux-helpers/lib/createApiMiddleware';
const middleware = [
createApiMiddleware(ApiClient)
];
const store = createStore(rootReducer, composeEnhancers(
applyMiddleware(...middleware)
));
NOTE: you will need an ApiClient model to use. See SampleApiClient for
an example of how it could be setup. It should accept dispatch, getState
in the constructor, but the rest is up to you! This allows you to generalize what happens whenever an ajax call is made, such as beginning a loading indicator,
displaying flash messages when an error occurs, or automatically adding params to requests. It also
gives you the freedom to use other libraries to make your requests. The only limitation is that each
action should return a Promise
.
See demo/index.js for more example usage.
$ git clone https://github.com/bodyshopbidsdotcom/redux-helpers.git
$ cd redux-helpers
$ npm install
$ npm run demo
$ open http://localhost:3000
Please create an issue with any feature suggestions or bug reports. Pull requests are welcome.
FAQs
Helpers to reduce boilerplate with redux.
The npm package snapsheet-redux-helpers receives a total of 1,459 weekly downloads. As such, snapsheet-redux-helpers popularity was classified as popular.
We found that snapsheet-redux-helpers demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.