Tutorial Redux

Introducere Două idei de bază Terminologia de bază Funcționarea aplicației Redux Trei principii de bază

Instrumente de lucru

Instrumente de bază Instalarea și pregătirea aplicației React Instalarea Redux și RTK cu React Instalarea Redux DevTools Extension Instalarea React Router

Schema de bază a funcționării

Adăugarea unui slice Reducători Selectoare și hook-ul useSelector Obținerea datelor din store în componentă Formulare și stări locale Adăugarea unui formular Reducător și acțiune Trimiterea unei acțiuni Discuția despre schema de funcționare

Lucrul cu datele

Introducere Pagină separată pentru produs Pagina produsului în browser Modificarea datelor produsului în store Formular pentru editarea datelor Pagina de editare a produsului în browser Pregătirea datelor pentru obiectul action Adăugarea încă unui slice Adăugarea informațiilor despre vânzător Aducerea modificărilor în formular Utilizarea multiplă a datelor din slice Adăugarea logicii suplimentare Adăugarea reducer-ului Trimiterea action

Server și baza de date

Introducere Modificarea structurii stării Optimizarea lucrului cu selectoarele Instalarea msw pentru lucrul cu serverul Baza de date pentru server Crearea modelelor de date pentru baza de date Crearea obiectului cu datele vânzătorului Crearea obiectului cu datele produsului Crearea înregistrărilor în baza de date Trimiterea datelor de la server prin cerere GET Client pentru aplicație

Logica Asincronă și Thunks

Introducere în thunks Beneficiile utilizării createAsyncThunk Dispatch thunk dintr-un component Reduceri suplimentare Eliminarea cererilor duplicate Aplicarea stării cererii Obținerea datelor vânzătorilor Dispatch direct thunk Procesarea cererii trimise cu thunk Trimiterea datelor cu thunk Afișarea rezultatelor în component Afișarea listei de vânzători Pagina vânzătorului

↑