Redux Tutorial

Introduktion To grundlæggende ideer Grundlæggende terminologi Arbejdsgang for et Redux-applikation Tre grundlæggende principper

Arbejdsværktøjer

Grundlæggende værktøjer Installation og forberedelse af React-applikation Installation af Redux og RTK med React Installation af Redux DevTools Extension Installation af React Router

Grundlæggende arbejdsflow

Tilføjelse af slice Reducere Selektorer og useSelector hook Henting af data fra store i komponent Formularer og lokale tilstande Tilføjelse af formular Reducer og action Udsendelse af action Diskussion af arbejdsflow

Arbejde med data

Introduktion Separatside for produkt Produktside i browseren Ændring af produktdata i store Formular til redigering af data Side til redigering af produkt i browseren Forberedelse af data til action-objektet Tilføjelse af endnu et slice Tilføjelse af oplysninger om sælger Foretagelse af ændringer i formularen Flergangs brug af data fra slice Tilføjelse af yderligere logik Tilføjelse af reducer Afsendelse af action

Server og database

Introduktion Ændring af statstruktur Optimering af arbejde med selektorer Installation af msw til arbejde med server Database til server Oprettelse af datamodeller til databasen Oprettelse af objekt med sælgerdata Oprettelse af objekt med produktdata Oprettelse af poster i databasen Send data fra serveren via GET-forespørgsel Klient til applikationen

Asynkron logik og Thunks

Introduktion til thunks Fordele ved at bruge createAsyncThunk Udsendelse af thunk fra komponent Ekstra reducere Undgåelse af duplikeret anmodning. Anvendelse af anmodningsstatus Henting af sælgerdata Direkte udsendelse af thunk Behandling af anmodning sendt med thunk Send data med thunk Visning af arbejdsresultater i komponent Visning af sælgerliste Sælgerside

↑