Passaggio 1

Concentrarsi sulla configurazione dello store Redux e sulla sua integrazione nell'intera applicazione. Lo store Redux funge da punto centrale per memorizzare lo stato dell'applicazione e collegarlo all'app consente ai componenti di accedere allo stato e inviare azioni.

Esempio

Sfida

1. Aprire il file store.js situato nella cartella redux.
2. Utilizzare la funzione configureStore dal pacchetto @reduxjs/toolkit per creare lo store Redux. Questa funzione offre un approccio semplificato alla configurazione dello store, con impostazioni predefinite adeguate e middleware integrati.
3. Nel file index.js, modificare il codice per integrare lo store creato nell'intera applicazione.
4. Importare il componente Provider dal pacchetto react-redux.
5. Avvolgere il componente App con il componente Provider. Questo rende lo store Redux disponibile a tutti i componenti dell'applicazione.
6. Passare la prop store al componente Provider. Questo collega l'app allo store Redux creato, consentendo ai componenti di accedere allo stato dello store e inviare azioni.

1. La funzione configureStore semplifica il processo di creazione di uno store Redux fornendo impostazioni predefinite adeguate e middleware integrati.
2. Il componente Provider del pacchetto react-redux viene utilizzato per rendere disponibile lo store Redux ai componenti.
3. Assicurarsi che il componente Provider avvolga il componente radice dell'applicazione (tipicamente il componente App).