Redux handledning
Introduktion
Två grundläggande idéer
Grundläggande termer
Arbetsflöde i ett Redux-program
Tre grundläggande principer
Verktyg för arbete
Grundläggande verktyg
Installation och förberedelse av React-applikation
Installation av Redux och RTK med React
Installation av Redux DevTools Extension
Installation av React Router
Grundläggande arbetsflöde
Lägga till en slice
Reducers
Selektorer och useSelector-hooken
Hämta data från store i en komponent
Formulär och lokala tillstånd
Lägga till ett formulär
Reducer och action
Skicka action
Diskussion av arbetsflödet
Arbeta med data
Introduktion
En sida för produkten
Produktsidan i webbläsaren
Ändra produktdata i store
Formulär för att redigera data
Sidan för att redigera produkten i webbläsaren
Förbereda data för action-objektet
Lägga till ytterligare en slice
Lägga till information om säljaren
Göra ändringar i formuläret
Flerfaldig användning av data från slice
Lägga till ytterligare logik
Lägga till en reducer
Skicka action
Server och databas
Introduktion
Förändring av tillståndsstruktur
Optimering av selektorarbete
Installation av msw för serverarbete
Databas för servern
Skapa datamodeller för databasen
Skapa objekt med säljardata
Skapa objekt med produktdata
Skapa poster i databasen
Skicka data från servern via GET-förfrågan
Klient för applikationen
Asynkron logik och Thunks
Introduktion till thunks
Fördelar med att använda createAsyncThunk
Skicka thunk från en komponent
Extra reducers
Undvika dubbla förfrågningar
Använda förfrågningsstatus
Hämta säljardata
Direkt skickande av thunk
Behandla en förfrågan skickad med thunk
Skicka data med thunk
Visa resultat i en komponent
Visa lista över säljare
Säljarsida