Security News
New Proposed CISA Mandate Would Require Critical Infrastructure to Report Ransom Payments Within 24 Hours
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
redux-inject
Advanced tools
Redux middleware generator that allows dependencies to be injected into action creators
Weekly downloads
Readme
Redux middleware generator that allows dependencies to be injected into action creators.
npm install redux-inject
import { applyMiddleware, createStore } from 'redux';
import inject from 'redux-inject';
import dep1 from '.../dep1';
import dep2 from '.../dep2';
const createStoreWithMiddleware = applyMiddleware(
inject({dep1, dep2}); // Note that inject() is a 'curried' function
)(createStore);
After being applied, all action creators will be able to return a
"dependency wrapper" function which will be supplied
dependencies by name. The wrapper's return value will be passed to the
next middleware via next()
. Therefore, the signature of an action creator
for such a function would look like this:
const createFooAction = (payload) => ({dep1, dep2}) => {
// ...use dep1...
// ...use dep2...
return { type: FOO, ...payload };
}
This middleware was created to resolve a problem I faced while trying to write isomorphic model access code. My action creators needed to be used on both the client and the server, but they needed to access model data in different ways depending on which end they were currently running on. I decided the best way to do this was to provide the model access code via dependency injection, and the best way I could think to do it was using a Redux middleware.
Though not required, this module was intended to be used in conjunction with redux-thunk. When the two are used together, you must be careful to ensure that the action creators nest their functions in the correct order. This order will be the same order in which the middlewares are applied, as in this example:
/**
* @file configureStore.js
*/
import inject from 'redux-inject';
import thunk from 'redux-thunk';
const createStoreWithMiddleware = applyMiddleware(
inject({dep1, dep2}),
thunk
)(createStore);
/**
* @file actions.js
*/
// RIGHT:
const createFooAction = (payload) => (deps) => (dispatch) => {
return dispatch
}
// WRONG: dispatch will receive the deps, and the deps will receive the
// dispatch function.
const createFooAction = (payload) => (dispatch) => (deps) => { ... }
This is the first module I've ever contributed to the JavaScript/Node ecosystems. If I've made a mistake or if you see any room for improvement, please don't hesitate to let me know.
FAQs
Redux middleware generator that allows dependencies to be injected into action creators
The npm package redux-inject receives a total of 190 weekly downloads. As such, redux-inject popularity was classified as not popular.
We found that redux-inject 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
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
Security News
Redis is no longer OSS, breaking its explicit commitment to remain under the BSD 3-Clause License forever. This has angered contributors who are now working to fork the software.
Product
Socket AI now enables 'AI detected potential malware' alerts by default, ensuring users benefit from AI-powered state-of-the-art malware detection without needing to opt-in.