@discovery-solutions/react-store

Um construtor simplificado para redux-stores em todas as aplicações desenvolvidas pela 8D.

npm i @discovery-solutions/react-store

Conteúdo

• Utilização Padrão

Utilização Padrão

Para iniciar a utilização, é necessário importar o construtor da store e o provider, assim:

App.js

import React from "react";
import { StoreProvider, Store } from "@discovery-solutions/react-store";

Store.create({
    key: "teste",
    whitelist: ["user"],
    reducers: {
        user: require("./store/user.js").default,
    }
});

const App = () => {
    return (
        <StoreProvider>
            <Test/>
        </StoreProvider>
    )
}

Test.js

import React from "react";
import { useStore, dispatch } from "@discovery-solutions/react-store";

const Test = () => {
    const name = useStore(state => state.user.user.name);

    const onClick = () => dispatch({ type: "UPDATE_NAME", name: "Bob" });

    return (
        <p>{ name }</p>
        <button onClick={ onClick }>Atualizar nome</button>
    )
}