Tutorial Redux

Wprowadzenie Dwie podstawowe idee Podstawowe terminy Praca aplikacji Redux Trzy podstawowe koncepcje

Narzędzia do pracy

Podstawowe narzędzia Instalacja i przygotowanie aplikacji React Instalacja Redux i RTK z React Instalacja Redux DevTools Extension Instalacja React Router

Podstawowy schemat działania

Dodawanie slice'a Redukery Selektory i hook useSelector Pobieranie danych ze store w komponencie Formularze i stany lokalne Dodawanie formularza Reducer i action Wysyłanie action Dyskusja o działaniu schematu

Praca z danymi

Wprowadzenie Strona produktu Strona produktu w przeglądarce Zmiana danych produktu w store Formularz edycji danych Strona edycji produktu w przeglądarce Przygotowanie danych dla obiektu action Dodanie kolejnego slice'a Dodanie informacji o sprzedawcy Wprowadzenie zmian w formularzu Wielokrotne wykorzystanie danych z slice'a Dodanie dodatkowej logiki Dodanie reducera Wysłanie action

Serwer i baza danych

Wprowadzenie Zmiana struktury stanu Optymalizacja pracy z selektorami Instalacja msw do pracy z serwerem Baza danych dla serwera Tworzenie modeli danych dla bazy danych Tworzenie obiektu z danymi sprzedawcy Tworzenie obiektu z danymi produktu Tworzenie wpisów w bazie danych Wysyłanie danych z serwera poprzez żądanie GET Klient dla aplikacji

Asynchroniczna logika i Thunks

Wprowadzenie do thunks Korzyści ze stosowania createAsyncThunk Wysyłanie thunk z komponentu Dodatkowe reducery Eliminacja duplikowania żądania. Zastosowanie statusu żądania Pobieranie danych sprzedawców Bezpośrednie wysyłanie thunk Obsługa żądania wysłanego za pomocą thunk Wysyłanie danych za pomocą thunk Wyświetlanie wyników pracy w komponencie Wyświetlanie listy sprzedawców Strona sprzedawcy

↑