Ora, per questo, installerò un pacchetto aggiuntivo in questo progetto con npm install --save e
questo è Redux Thunk.
Questo è un cosiddetto middleware Redux che possiamo chiamare, che ci consente di cambiare i nostri creatori
di azioni qui nella cartella delle azioni in modo che possiamo effettivamente fare cose asincrone lì, che
possiamo gestire lì effetti collaterali in modo che possiamo, ad esempio, inviare HTTP richieste in tale creatore di azioni e
solo una volta che
le richieste HTTP vengono eseguite, stiamo effettivamente inviando un'azione all'archivio Redux perché è
importante, il flusso Redux in generale deve essere sincrono. Quindi non puoi aspettare il completamento di
alcune azioni prima di aggiornare il tuo stato. Con Redux Thunk, che cambia, il tuo riduttore deve ancora
essere sincrono, quindi nessun codice asincrono deve essere qui ma il tuo creatore di azioni può ora essere asincrono, questo
significa che ora puoi inviare una richiesta come parte del tuo creatore di azioni e solo una
volta hai finito, in realtà invii l'azione al riduttore e lo vedrai in pratica in un secondo, ad esempio
qui nel creare un prodotto che è la cosa con cui voglio iniziare.
Tuttavia, per utilizzare questa nuova funzionalità, dobbiamo abilitare Redux Thunk e lo facciamo nell'app. file js, lì da Redux, devi importare
applicare
middleware e inoltre, devi importare una nuova cosa e questo è Redux Thunk, puoi nominarlo
come vuoi, da Redux Thunk. Ancora una volta questo può essere
nominato come vuoi perché stiamo usando l'esportazione predefinita di quel pacchetto.
Ora lo usi in create store, lì puoi analizzare un secondo argomento e
lì, dovresti chiamare applicare middleware come funzione e a quella funzione, passare Redux Thunk.
Questo ora abiliterà sostanzialmente quel pacchetto che a sua volta ci consente di fare questa cosa diversa nel creatore
di azioni a cui mi riferivo e quella cosa diversa è ora ciò che vedremo dopo.