Integrazione Dello Store Redux Nell'App React

Pratica

Una volta configurato lo store, può essere utilizzato nell'applicazione. È necessario fornire lo store all'intera app. Questo verrà fatto nel file 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>
);

Spiegazione del codice: Integrazione dello store Redux in un'app React utilizzando la libreria react-redux. Analisi dettagliata passo dopo passo.

• Riga 3: Importazione del componente Provider dalla libreria react-redux;
• Riga 5: Importazione dell'oggetto store da un file chiamato store.js, situato in una cartella chiamata redux;
• Riga 9-13: Il componente Provider avvolge il componente App. Il componente Provider è un componente di ordine superiore fornito da react-redux che rende lo store Redux disponibile ai componenti dell'applicazione;
• Riga 9: L'oggetto store viene passato come prop al componente Provider. Questa prop si chiama store e il suo valore è l'oggetto store importato.