Prática

Após configurar a store, ela pode ser utilizada no aplicativo. É necessário fornecer a store para todo o aplicativo. Isso será feito no arquivo index.js.

import React from "react";
import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";
import App from "./App/App";
import store from "./redux/store";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Provider>
);

Explicação do código: Integração da store do Redux em uma aplicação React utilizando a biblioteca react-redux. Vamos analisar passo a passo.

• Linha 3: Importação do componente Provider da biblioteca react-redux;
• Linha 5: Importação do objeto store de um arquivo chamado store.js, localizado em uma pasta chamada redux;
• Linhas 9-13: O componente Provider envolve o componente App. O componente Provider é um componente de ordem superior fornecido pelo react-redux que disponibiliza a store do Redux para os componentes do aplicativo;
• Linha 9: O objeto store é passado como uma prop para o componente Provider. Essa prop se chama store e seu valor é o objeto store importado.