Helion


Szczegóły kursu video

React Redux. Kurs video. Praktyczny przewodnik

React Redux. Kurs video. Praktyczny przewodnik

Obierz kurs na... tworzenie zaawansowanych aplikacji webowych

React to obecnie najpopularniejsze narzędzie do tworzenia aplikacji webowych. Biblioteka ta od lat pozostaje na topie i intensywnie się rozwija. "Ekosystem" Reacta z roku na rok powiększa się o kolejne rozwiązania i usprawnienia. Wśród nich możemy wyróżnić dwa, które bez żadnej przesady można uznać za najważniejsze: React Router i Redux. O ile React Router to biblioteka, którą przyswaja się bardzo łatwo, o tyle Redux przyprawia programistów, i to nie tylko początkujących, o duży ból głowy. Tymczasem wcale nie musi tak być! Redux bowiem jest skomplikowany tylko pozornie - jeśli odpowiednio wgryźć się w temat, to okaże się, że wszystko wciąż opiera się na znajomości podstaw JavaScriptu.

Dlatego też ten kurs video rozpoczynamy od podstaw, czyli od czystego Reduxa, bez przyglądania się jego funkcjom pomocniczym. Stopniowo przechodzimy do dobrych praktyk, jakie warto zastosować, żeby z powodzeniem używać go również w większych aplikacjach. Opanowawszy je, zapoznajemy się z pomysłem podziału magazynu na części. Wreszcie trenujemy w ramach warsztatów i na koniec przechodzimy do współpracy Reduxa z serwerem i zaznajamiamy się z hookami. To szkolenie uczy nie tylko JAK, ale także odpowiada na pytanie DLACZEGO? Dlaczego warto działać tak, a nie inaczej i co wynika z takiej, a nie innej konstrukcji Reduxa. Kurs jest zatem przeznaczony zarówno dla osób, które dopiero się z Reduxem zapoznają, jak i dla tych, którzy go znają, ale nie czują się w nim pewnie, ponieważ nie do końca rozumieją rządzące nim mechanizmy.

Co Cię czeka podczas naszego profesjonalnego szkolenia?

W trakcie kursu:

  • Dowiesz się, czym jest Redux, na jakiej architekturze jest oparty i do czego przyda Ci się jego znajomość.
  • Poznasz podstawowe pojęcia związane z Reduxem (akcja, dispatcher, reducer) i jego najważniejsze funkcje (praca z magazynem).
  • Przyjrzysz się, jak "pod maską" działają funkcje connect i dispatch oraz combineReducers.
  • Nauczysz się ułatwiać sobie pracę z Reduxem oraz dzielić "magazyn" na mniejsze fragmenty.
  • Zadbasz o unikalność nazw akcji oraz o spójność danych między centralą i serwerem.
  • Zaznajomisz się z paczką Redux Thunk i nauczysz się, jak łatwo informować użytkownika o aktualnym statusie requestu do serwera z użyciem Reduxa.

Co więcej...

  • Zdobyte wiedzę i umiejętności przećwiczysz w praktyce, pracując z dużą aplikacją webową.

React Redux. Kurs video. Praktyczny przewodnik kończy się na poziomie, który można określić jako średnio zaawansowany. Po szkoleniu będziesz rozumieć, jak się buduje proste oraz złożone store'y (magazyny) reduxowe, a także jak się z nich korzysta nawet w bardziej zaawansowanych aplikacjach. Co więcej, ukończywszy nasz kurs, będziesz znać architekturę, która stoi za działaniem Reduxa, i wiedzieć, jak działa on "pod maską".

Redux w praktyce

Detaliczna znajomość tej biblioteki JavaScriptu pozwoli Ci samodzielnie tworzyć własne złożone aplikacje przy użyciu "ekosystemu" React+Redux, a także dołączać do projektów, w których jest on wykorzystywany. React to obecnie najpopularniejsza biblioteka na rynku. Z tym że bez Reduxa praktycznie nie istnieje - szczególnie gdy mowa o większych aplikacjach. Każda aplikacja reactowa, która operuje na większej ilości danych, najczęściej korzysta właśnie z Reduxa. Dlatego też, jeśli na przykład w ofercie pracy widnieje wymaganie opisane jako "znajomość Reacta", to od razu wiadomo, że firma oczekuje automatycznie, że kandydat zna także Redux. Osoba szukająca pracy na stanowisku junior front developera czy wyższych musi więc mieć przynajmniej podstawową wiedzę na temat Reduxa. Zatem jeśli jesteś albo planujesz być programistą aplikacji webowych w "ekosystemie" Reacta - koniecznie uzupełnij swoją wiedzę o Reduxa!

Powiedzmy sobie szczerze: nie ma trudnych zagadnień, są tylko źle wytłumaczone. W tym kursie video przekonasz się, że nawet tak pozornie trudny temat jak Redux może okazać się intuicyjny i łatwy w odbiorze, jeśli dobrze się do niego zabrać. Otwórz umysł, uspokój myśli i dawkuj nową wiedzę krok po kroku. To będzie naprawdę przyjemna przygoda!

  • 1. Wstęp
    • 1.1. Zaczynamy!00:04:58
  • 2. Wprowadzenie do Reduxa
    • 2.1. Słowem wprowadzenia - po co nam Redux?00:09:46
    • 2.2. React bez Reduxa - budujemy prostą aplikację cz. 100:04:27
    • 2.3. React bez Reduxa - budujemy prostą aplikację cz. 200:17:32
    • 2.4. React bez Reduxa - budujemy prostą aplikację cz. 300:09:09
    • 2.5. Redux - komponenty a dostęp do danych z centrali cz. 100:21:51
    • 2.6. Redux - komponenty a dostęp do danych z centrali cz. 200:07:26
    • 2.7. Funkcja connect - jak to w ogóle działa?00:15:47
    • 2.8. Redux - modyfikacja danych z centrali cz. 100:24:45
    • 2.9. Redux - modyfikacja danych z centrali cz. 200:15:51
    • 2.10. Quiz00:21:27
  • 3. Architektura Flux, selektory i kreatory akcji
    • 3.1. Architektura Flux00:05:06
    • 3.2. Funkcje selektory00:08:33
    • 3.3. Kreatory akcji00:05:37
    • 3.4. Selektory, kreatory akcji i... krótki trening00:12:55
    • 3.5. Quiz00:08:37
  • 4. Redux - bardziej złożone aplikacje
    • 4.1. Redux a większa ilość danych00:05:21
    • 4.2. Subreducery - większy porządek cz. 100:08:15
    • 4.3. Subreducery - większy porządek cz. 200:11:32
    • 4.4. Subreducery - większy porządek cz. 300:08:57
    • 4.5. Funkcja CombineReducers cz. 100:06:59
    • 4.6. Funkcja CombineReducers cz. 200:15:36
    • 4.7. Unikalne nazwy akcji00:05:40
    • 4.8. Kontener - wydzielamy część logiki poza komponent00:06:54
    • 4.9. Podsumowanie00:04:54
    • 4.10. Quiz00:19:45
  • 5. Warsztaty praktyczne
    • 5.1. Wstęp00:04:30
    • 5.2. Zadanie 1 - tworzymy store00:10:33
    • 5.3. Zadanie 2 - wykorzystujemy store w aplikacji00:12:42
    • 5.4. Zadanie 3 - bardziej złożone selektory00:10:18
    • 5.5. Zadanie 4 - strona pojedynczej piosenki00:13:31
    • 5.6. Zadanie 5 - rozwijamy MainPlayer cz. 100:17:34
    • 5.7. Zadanie 5 - rozwijamy MainPlayer cz. 200:07:50
    • 5.8. Zadanie 5 - rozwijamy MainPlayer cz. 300:17:16
  • 6. Redux - współpraca z serwerem
    • 6.1. Wstęp00:05:48
    • 6.2. 'Wyciągamy' fetch poza komponent00:04:32
    • 6.3. Idea funkcji pośrednika00:05:46
    • 6.4. Normalizujemy uruchamianie akcji cz. 100:07:13
    • 6.5. Normalizujemy uruchamianie akcji cz. 200:06:01
    • 6.6. Redux thunk - większa dawka praktyki cz. 100:13:54
    • 6.7. Redux thunk - większa dawka praktyki cz. 200:14:33
    • 6.8. Quiz00:09:50
  • 7. Moduł pożegnalny
    • 7.1. Lekcja bonusowa - hooki w Reduxie00:09:55
    • 7.2. Pożegnanie - co dalej?00:04:55

  • Tytuł: React Redux. Kurs video. Praktyczny przewodnik
  • Autor: Paweł Zagrobelny
  • Ilość rozdziałów: 7
  • Ilość lekcji: 44
  • Czas trwania: 07:44:21
  • ISBN: 978-83-283-7991-6, 9788328379916
  • Identyfikator pozycji: vredux
  • Wydawca: Videopoint