Redux Opplæring
Introduksjon
To grunnleggende ideer
Grunnleggende terminologi
Arbeidsflyt i Redux-applikasjoner
Tre grunnleggende prinsipper
Verktøysett for arbeid
Grunnleggende verktøy
Installasjon og forberedelse av React-applikasjon
Installasjon av Redux og RTK med React
Installasjon av Redux DevTools Extension
Installasjon av React Router
Grunnleggende arbeidsflyt
Legge til en slice
Reducere
Selektorere og useSelector-hooken
Hente data fra store i en komponent
Skjemaer og lokal state
Legge til et skjema
Reducer og action
Sende en action
Diskusjon av arbeidsflyten
Arbeid med data
Introduksjon
Separatside for produkt
Produktside i nettleseren
Endre produktdata i store
Skjema for redigering av data
Side for produktredigering i nettleseren
Forberede data for action-objektet
Legge til enda en slice
Legge til informasjon om selger
Gjøre endringer i skjemaet
Flergangs bruk av data fra slice
Legge til ekstra logikk
Legge til reducer
Sende action
Server og database
Introduksjon
Endring av statstruktur
Optimalisering av selektorarbeid
Installasjon av msw for serverarbeid
Database for serveren
Opprettelse av datamodeller for databasen
Opprettelse av objekt med selgerdata
Opprettelse av objekt med produktdata
Opprettelse av oppføringer i databasen
Sending av data fra serveren via GET-forespørsel
Klient for applikasjonen
Asynkron logikk og Thunks
Introduksjon til thunks
Fordeler med å bruke createAsyncThunk
Sender thunk fra komponent
Ekstra reducers
Unngå duplisering av forespørsel.
Bruk av forespørselsstatus
Henting av selgerdata
Direkte sending av thunk
Behandling av forespørsel sendt med thunk
Sende data med thunk
Vise resultater i komponent
Vise liste over selgere
Selgerside