Redux-opas
Työkalut
Perustyökalut
React-sovelluksen asennus ja valmistelu
Reduxin ja RTK:n asentaminen Reactiin
Redux DevTools Extension -laajennuksen asennus
React Routerin asennus
Perustoimintokaavio
Siilon lisääminen
Reduserit
Selectorit ja useSelector-hook
Tietojen haku storesta komponenttiin
Lomakkeet ja paikalliset tilat
Lomakkeen lisääminen
Reduser ja action
Actionin lähettäminen
Toimintakaavion keskustelu
Tietojen käsittely
Johdanto
Tuotteen omat sivu
Tuotesivu selaimessa
Tuotetietojen muokkaus store:ssa
Lomake tietojen muokkaamiseen
Tuotteen muokkaussivu selaimessa
Tietojen valmistelu action-oliolle
Toisen slice:n lisääminen
Myyjän tiedon lisääminen
Muutosten tekeminen lomakkeeseen
Tietojen moninkertainen käyttö slice:sta
Lisälogiikan lisääminen
Reducerin lisääminen
Actionin lähettäminen
Palvelin ja tietokanta
Johdanto
Tilan rakenteen muutos
Valitsimien toiminnan optimointi
MSW:n asennus palvelimen kanssa työskentelyä varten
Palvelimen tietokanta
Tietokannan tietomallien luominen
Myyjän tietoja sisältävän objektin luominen
Tuotteen tietoja sisältävän objektin luominen
Tietueiden luominen tietokantaan
Tietojen lähettäminen palvelimelta GET-pyynnöllä
Sovelluksen asiakas
Asynkroninen logiikka ja Thunks
Johdatus thunkeihin
createAsyncThunkin käytön edut
Thunkin lähettäminen komponentista
Lisäreducerit
Kaksoispyynnön välttäminen
Pyyntötilan käyttö
Myyjien tietojen haku
Thunkin suora lähettäminen
Thunkilla lähetetyn pyynnön käsittely
Tietojen lähettäminen thunkilla
Tulosten näyttäminen komponentissa
Myyjien listan näyttäminen
Myyjän sivu
