К содержанию

Redux Tutoriál

Komplexní tutoriál k JavaScriptovému frameworku React. Spousta teorie a úloh.

Уроки

Knihovna Redux

Dvě základní myšlenky v Reduxu

Základní terminologie v Reduxu

Fungování aplikace Redux

Tři hlavní koncepty Reduxu

Pracovní nástroje

Hlavní nástroje Reduxu

Instalace a příprava React aplikace

Instalace Redux a RTK v React aplikaci

Instalace rozšíření Redux DevTools

Instalace React Router v Redux aplikaci

Základní schéma práce

Přidání slicu do Reduxu

Reducery v Reduxu

Selektory a hook useSelector v Redux

Získávání dat ze store v komponentě v Reduxu

Formuláře a lokální stavy v Reduxu

Přidání formuláře do Reduxu

Reduktor a akce v Redux

Odesílání action a hook useDispatch v Redux

Diskuse o fungování Redux aplikace

Práce s daty

Práce s daty v Redux

Stránka pro produkt v Redux

Stránka produktu v prohlížeči v Redux

Změna dat produktu v Redux store

Formulář pro úpravu dat v Redux

Stránka pro editaci produktu v prohlížeči v Redux

Příprava dat pro objekt action v Redux

Přidání dalšího slicu do Reduxu

Přidání informací o prodejci do Reduxu

Provádění změn ve formuláři v Reduxu

Vícenásobné použití dat ze slice v Reduxu

Přidání dodatečné logiky do aplikace Redux

Přidání reduktoru do Redux aplikace

Odesílání action v Redux aplikaci

Server a databáze

Výměna dat mezi Redux aplikací a serverem

Změna struktury stavu v Reduxu

Získávání selektorů v Reduxu

Instalace MSW pro práci se serverovou částí v Reduxu

Databáze pro server v Reduxu

Vytváření datových modelů pro databázi v Reduxu

Vytvoření objektu s údaji prodejce v Reduxu

Vytvoření objektu s daty produktu v Reduxu

Vytváření záznamů v databázi v Reduxu

Odesílání dat ze serveru pomocí GET požadavku v Reduxu

Klient pro aplikaci v Reduxu

Asynchronní logika a Thunks

Úvod do thunks v Redux

Výhody používání createAsyncThunk v Reduxu

Odesílání thunk z komponenty v Reduxu

Dodatečné reducery v Reduxu

Eliminace duplicitních požadavků v Reduxu

Použití stavu požadavku v Reduxu

Získávání dat prodejců v Reduxu

Přímá dispeč thunku v Reduxu

Zpracování POST požadavku odeslaného pomocí thunk v Redux

Odesílání dat pomocí thunk v Redux

Zobrazení výsledků práce thunk v komponentě v Reduxu

Seznam prodejců v Reduxu

Stránka prodejce v Redux