Tutorial Redux
Introduzione
Due idee di base
Terminologia di base
Funzionamento di un'applicazione Redux
Tre principi fondamentali
Strumenti di lavoro
Strumenti principali
Installazione e preparazione dell'applicazione React
Installazione di Redux e RTK con React
Installazione di Redux DevTools Extension
Installazione di React Router
Schema di funzionamento di base
Aggiunta di uno slice
Reducer
Selector e hook useSelector
Recupero dei dati dallo store in un componente
Form e stati locali
Aggiunta di un modulo
Reducer e action
Invio di un'action
Discussione sul funzionamento dello schema
Gestione dei Dati
Introduzione
Pagina separata per il prodotto
Pagina prodotto nel browser
Modifica dei dati del prodotto nello store
Modulo per la modifica dei dati
Pagina di modifica prodotto nel browser
Preparazione dei dati per l'oggetto action
Aggiunta di un altro slice
Aggiunta di informazioni sul venditore
Apportare modifiche al modulo
Utilizzo multiplo dei dati dallo slice
Aggiunta di logica aggiuntiva
Aggiunta di un reducer
Invio di un'action
Server e database
Introduzione
Modifica della struttura dello state
Ottimizzazione del lavoro con i selettori
Installazione di msw per lavorare con il server
Database per il server
Creazione di modelli di dati per il database
Creazione di un oggetto con i dati del venditore
Creazione di un oggetto con i dati del prodotto
Creazione di record nel database
Invio di dati dal server tramite richiesta GET
Client per l'applicazione
Logica Asincrona e Thunks
Introduzione ai thunks
Vantaggi dell'utilizzo di createAsyncThunk
Invio di un thunk dal componente
Reducer aggiuntivi
Eliminazione delle richieste duplicate
Utilizzo dello stato della richiesta
Recupero dei dati dei venditori
Invio diretto del thunk
Elaborazione di una richiesta inviata tramite thunk
Invio di dati tramite thunk
Visualizzazione dei risultati nel componente
Visualizzazione dell'elenco dei venditori
Pagina del venditore
