fbpx
Kurs Redux

Kurs, który dla Ciebie przygotowaliśmy wprowadzi Cię w świat środowiska Redux, wyjaśni jak się nim posługiwać i w jakich sytuacjach warto z niego korzystać.

  • Poziom: podstawy
  • Data wydania: 15.03.2018
  • Czas trwania: 6 godzin 30 minut
  • Program: redux
Dlaczego warto nauczyć się Reduxa ?

Redux stara się sprawić, że zmiany w kodzie będą przewidywalne poprzez nałożenie konkretnych restrykcji na to kiedy i w jaki sposób coś może ulec zmianie. Te restrykcje odzwierciedlają się w trzech zasadach Reduxa i są to pojedyncze źródło danych, stan tylko do odczytu oraz zmiany dokonywane przez czyste” funkcje. Redux niejako zmusza programistę, żeby każdą zmianę określić jako akcję co powoduje, że możemy w łatwy sposób sprawdzić co dzieje się w naszej aplikacji.

Czego się nauczysz ?

Wprowadzenie
Podłączenie aplikacji do Reactowego środowiska

Reduktory
Czym są, logika, refactor reduktorów oraz ich struktury

Akcje
Tworzenie nieasynchronicznych oraz asynchroniczne akcji

Renderowanie po stronie serwera
Jak najszybciej dostarczyć użytkownikowi aplikację

Middleware
Jak jest zbudowany i jak tworzyć własne rozwiązania

Selektory
Zobacz do czego mogą Ci być pomocne
Dla kogo jest ten kurs ?
Dla programistów...
JavaScript, chcących rozwijać warsztat front-endu
Dla osób, które...
opanowały JavaScript i pracują lub myślą o pracy z Reactem
Dla programistów Angulara
chcących budować złożone aplikacje
Łatwiejsze zarządzanie

Podczas pisania skomplikowanego kodu złożoność wydaje się trudna do ogarnięcia kiedy zmieszamy ze sobą dwa koncepty, które są dla trudne do zrozumienia z natury. Są to zmiany i asynchroniczność. Osobno jest świetnie ale kiedy je połączyć to tworzy się bałagan. Biblioteki takie jak React próbują rozwiązać ten problem w warstwie widoku poprzez usunięcie zarówno asynchronicznych i bezpośrednich manipulacji na DOM. Jednakże zarządzanie stanem twojej aplikacji należy już do Ciebie. Tutaj właśnie do gry wchodzi Redux. Gdy nauczysz się korzystać z Reduxa zarządzanie stanem aplikacji będzie o wiele łatwiejsze.

Zwiększ swoją produktywność

Po zapoznaniu się z kursem przeniesiesz tworzenie aplikacji na wyższy poziom, wykorzystasz moc architektury Flux, czyli jego najpopularniejszą implementację jaką jest Redux. Dzięki tej wiedzy będziesz w stanie tworzyć o wiele bardziej rozbudowane, wysokiej jakości aplikacje klienckie. Kurs, który dla Ciebie przygotowaliśmy wprowadzi Cię w świat tego środowiska, wyjaśni jak się nim posługiwać i w jakich sytuacjach warto z niego korzystać. Dowiesz się jak dane przepływają przez aplikację i co się z nimi dzieje.

Samodzielnie lub w kooperacji

Jeśli chcesz w pełni korzystać z zalet tego środowiska to powinieneś połączyć swoją pracę z Reactem. Jednak Redux nadaje się również do samodzielnego działania z Angularem oraz JavaScirpt. W kursie zobaczysz jak połączyć logikę Reduxa z Reactem, tak żeby stworzyć z tego funkcjonalną aplikację.

Spis lekcji

  1. Wprowadzenie – trochę o Reduxie i po co nam to w ogóle potrzebne, standardowe wprowadzenie z instalacją. Napisanie dwóch pierwszych reduktorów i podstawowa teoria. 18min
  2. Akcje – powiedzenie sobie czym są akcje, tworzenie kreatorów zwykłych, nieasynchronicznych akcji i przykład. 7min
  3. Reduktory – to czym są, jak się z nich korzysta i prześledzenie tego jak powinny wyglądać. Zaimplementowanie wzorca kompozycji reduktorów. 19min
  4. Skład – obiekt łączący akcje, reduktory i stan aplikacji. Podłączenie aplikacji do Reactowego środowiska i uruchomienie jej w przeglądarce. Przetestowanie czy napisane przez nas do tej pory funkcjonalności działają tak jak powinny. 12min
  5. Przepływ danych – teoria podsumowująca o tym jak dane przepływają przez aplikację i co się z nimi mniej więcej dzieje. 2min
  6. Stworzenie aplikacji z Reactem – połączenie logiki z Redux którą tworzyliśmy do tej pory z Reactem tak żeby stworzyć z tego funkcjonalną aplikację. 31min
  7. Asynchroniczne akcje – początek tworzenia nowego projektu który tym razem będzie bardziej asynchroniczny. Napisanie pierwszych asynchronicznych akcji a tak naprawdę synchronicznych do asynchronicznych wywołań. Pierwsze spotkanie się z pojęciem middleware. 34min
  8. Middleware – zgłębienie tematu middleware który pojawił się w poprzednim odcinku. Bardziej w stronę tego jak jest zbudowany i jak tworzyć swoje, tego typu rozwiązania. 26min
  9. React Router – skomponowanie Reduxa dodatkowo z React Routerem i determinowanie pewnych rzeczy bazując na parametrach w URL. 15min
  10. Operator spread – korzystanie z operatora spread w celu czystszego zapisu reduktorów. 4min
  11. Boilerplate – co w Redux może być za taki uważane a jakich praktyk lepiej się trzymać i nie odchodzić od kierunku wyznaczonego przez Reduxa. 6min
  12. Renderowanie po stronie serwera – czyli jak najszybciej dostarczyć użytkownikowi aplikację zaraz po odpaleniu strony przez użytkownika. 33min
  13. Testy – pisanie testów do wszystkich rodzajów funkcjonalności które możemy stworzyć z wykorzystaniem Redux. 41min
  14. Selektory – specjalna funkcjonalność pozwalająca nasłuchiwać na określony fragment stanu aplikacji i zapamiętywać obliczone wartości jeśli nic z jej danych wejściowych nie uległo zmianie. 16min
  15. Implementacja historii – jak stosunkowo trudne z założenia zadanie staje się proste w połączeniu z Reduxem i gotowym rozwiązaniem Redux Undo. 25min
  16. Izolowanie pod-aplikacji – trochę teorii na temat struktury aplikacji którą łączy w sobie wiele niezależnych pod aplikacji które najlepiej gdyby nic o sobie wzajemnie nie wiedziały. 3min
  17. Struktury reduktorów – podsumowanie informacji o reduktorach i wprowadzenie do serii odcinków w której zajmujemy się optymalizacją tych funkcjonalności 2min
  18. Podstawowa logika reduktora – podstawowa logika reduktora i kształt stanu oraz to jak według niego powinny być ukształtowane reduktury. 4min
  19. Dzielenie logiki reduktorów – wydzielenie logiki dla konkretnych kawałków stanu aplikacji – kompozycja reduktorów. 3min
  20. Refactor reduktorów – stworzenie typowo źle napisanego reduktora i przerobienie go w oparciu o informacje które uzyskaliśmy w trzech ostatnich teorytycznych częściach. 23min
  21. combineReducers – głębsze spojrzenie na combineReducers I jak to działa oraz napisanie własnej jego implementacji do przypadków kiedy trochę bardziej niestandardowo potrzebujemy obsłużyć nasze reduktory. 13min
  22. Normowanie kształtu stanu – co zrobić w przypadku kiedy nasz stan musi mieć relacyjną formę. 16min
  23. Ponowne korzystanie z logiki reduktorów – o tym jak bardzo podobną logikę reduktora wykorzystywać wielokrotnie z pomocą reduktorów wyższego porządku. 14min
  24. Aktualizacje a niezmienność – aktualizacje bardzo zagnieżdżonego stanu. 8min

 

Opinie

Na razie nie ma opinii o produkcie.

Bądź pierwszym recenzentem “Kurs Redux”

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *