Redux Tutoriál

Úvod Dvě základní myšlenky Základní terminologie Práce aplikace Redux Tři základní koncepty

Pracovní nástroje

Základní nástroje Instalace a příprava React aplikace Instalace Redux a RTK s Reactem Instalace Redux DevTools Extension Instalace React Router

Základní schéma práce

Přidání slicu Redukery Selektory a hook useSelector Získání dat z store v komponentě Formuláře a lokální stavy Přidání formuláře Reduker a action Odeslání action Diskuse o pracovním schématu

Práce s daty

Úvod Samostatná stránka produktu Stránka produktu v prohlížeči Změna dat produktu v store Formulář pro úpravu dat Stránka úpravy produktu v prohlížeči Příprava dat pro objekt action Přidání dalšího slicu Přidání informace o prodejci Zanesení změn do formuláře Vícenásobné použití dat ze slicu Přidání dodatečné logiky Přidání reduceru Odeslání action

Server a databáze

Úvod Změna struktury stavu Optimalizace práce se selektory Instalace msw pro práci se serverem Databáze pro server Vytváření datových modelů pro databázi Vytvoření objektu s daty prodejce Vytvoření objektu s daty produktu Vytváření záznamů v databázi Odesílání dat ze serveru pomocí GET požadavku Klient pro aplikaci

Asynchronní logika a Thunks

Úvod do thunks Výhody použití createAsyncThunk Odeslání thunk z komponenty Extra reducery Zamezení duplicitních požadavků Použití stavu požadavku Získání dat prodejců Přímé odeslání thunk Zpracování požadavku odeslaného pomocí thunk Odeslání dat pomocí thunk Zobrazení výsledků práce v komponentě Zobrazení seznamu prodejců Stránka prodejce

↑