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
roruswptsv