kpdux

kpdux

Install

npm install kpdux redux

Usage

Init:

import kpdux from "kpdux";


const store = kpdux.createStore({
    "auth": {
        "state": {
            "token": ""
        },
        "reduces": {
        
        },
        "middlewares": {
            
        },
        "mutations": {
            setToken(state, token) {
                state.token = token;
            }
        },
        "actions": {
            async auth(login, password) {
                let state = this.getState();

                // send your data

                this.setToken("your token");
            }
        }
    }
}, {
    // your reduces
}, {
    // your middlewares
});

import React from "react";
import {Provider} from "react-redux";
import ReactDOM from "react-dom";


ReactDOM.render(
    <Provider store={store.getStore()}>
        {/* Your APP */}
    </Provider>,
    document.getElementById("root")
);

With react-redux:

import React from "react";
import {connect} from "react-redux";
// ...

class AuthForm extends React.Component {
    // ...
    async login() {
        await this.props.login("login", "password");
    }
    // ...
    render() {
        // ...
    }
}


const putStateToProps = (state) => {
    return {
        "token": state.auth.token
    };
};

const putActionsToProps = () => {
    return {
        "login": store.auth.login
    };
};

export default connect(putStateToProps, putActionsToProps)(AuthForm);