Redux-Saga-Wrappo
npm install --save redux-saga-wrappo
yarn add redux-saga-wrappoWhat is this?
This is a wrapper around Redux Saga, which enables you to
- Easily dispatch your actions
- Retrieve your reducers states easily in your components
- Dynamic component fetching.
Use Me ?
Probably yes, probably not :) This is actually a private project, created for our own usage. You can use it, but it will not have really proper documentation. We will try our best to work on this repo to improve it in the future.
Installation
npm install --save redux-saga-wrappo
Then, to enable Redux-Saga-Wrappo,
//Index.js
import React from "react";
import { ConnectedRouter } from "react-router-redux";
import { Route } from "react-router-dom";
import { appCreator, history } from "redux-saga-wrappo";
// App init
appCreator(
<ConnectedRouter history={history}>
<Route path="/" component={App} />
</ConnectedRouter>,
document.getElementById("root"),
{ rootSaga, rootReducer }
);Sample Code
In Progress.
class Example extends PureComponent {
componentWillMount = () => {
const {
exampleModel,
userModel,
authenticationSaga,
exampleReducer
} = this.props;
exampleModel.updateState({ somethingNew: "new day" });
exampleModel.removeState(["somethingNew"]);
userModel.updateState({ name: "louis" });
userModel.initializeAll();
authenticationSaga.Login(1);
authenticationSaga.getValidatePic();
exampleReducer.Other_Reducer();
};
render() {
const { exampleModel } = this.props;
const { webUniqueCodea, webUniqueCodeb, somethingNew } = exampleModel;
const { Default } = this.props.layouts;
return (
<Default>
{JSON.stringify({ webUniqueCodea, webUniqueCodeb, somethingNew })}
</Default>
);
}
}
const connectConfig = {
mapActionToProps: { authenticationSaga, exampleReducer },
mapStateToProps: ({ userModel, exampleModel }) => ({
userModel,
exampleModel
})
};
export default getClientItem(["layouts"])(connect(connectConfig)(Example));You can refer more on this boilerplate that I have prepared: (https://github.com/codedsphere/redux-saga-wrappo-boilerplate)
