NGRX - Reaktywny stan aplikacji webowej
LICZBA DNI: 2 (16h)
KOD KURSU: NGRX
Zapisz się na szkolenie
Dostosowany program 
O szkoleniu
DLA KOGO?
Szkolenie jest przeznaczone dla programistów JavaScript, którzy chcą się nauczyć zarządzania stanem aplikacji przy pomocy biblioteki NGRX.
WYMAGANIA
Warsztat jest przeznaczony dla programistów ze znajomością JavaScript (ES2015) i TypeScript w zakresie podstawowym.
Znajomość Angulara nie jest wymagana, lecz znajomość takich pojęć jak Web Components czy Dependency Injection zdecydowanie pomoże.
Ten warsztat będzie dla ciebie wartościowy nawet jeśli nie planujesz używać Angulara na co dzień. Poznasz Reduxową implementację architektury Flux, dzięki czemu bardzo łatwo będziesz mógł wdrożyć ją w innych frameworkach takich jak React + React Redux + redux-observable czy Vue.js + Vuex.
ZALETY
Dzięki przygotowanym ćwiczeniom, uczestnik pozna korzyści jakie płyną z zarządzania stanem aplikacji przy pomocy NGRX.
Zdobytą wiedzę przećwiczymy budując aplikację do pracy zespołowej w czasie rzeczywistym, dzięki czemu lepiej zapamiętasz zastosowanie poszczególnych elementów biblioteki.
Cele szkolenia
Przekazanie praktycznej wiedzy z zakresu tworzenia i zarządzania reaktywnym stanem aplikacji webowej, na przykładzie Angular i NGRX.
Poznanie Implementacji architektury Flux w aplikacji Angularowej przy użyciu biblioteki.
Poznanie @ngrx/store
Poznanie zalet reaktywnego programowania z RxJS.
Nauka obsługi asynchronicznych zdarzeń z @ngrx/effects.
Poznanie dobrych praktyk przy tworzeniu architektury aplikacji opartej o NGRX.
Poznanie podziału aplikacji na moduły.
Nauka łączenia Store aplikacji z routingiem.
Poznanie narzędzia Redux DevTools służącego do debugowania.
Nauka generowania kodu przy pomocy Angular CLI.
Nauka pisania testów.
Program
Architektura Flux
- Dispatcher
- Store
- View
RxJS - wprowadzenie
- Podstawy działania strumieni
- Tworzenie strumieni
- Podstawowe operatory
Angular - wprowadzenie
- Struktura projektu
- Dependency Injection
- Components
- Pipe "async"
NGRX
- Akcje
- Definiowanie akcji
- Definiowanie typów akcji
- Wysyłanie akcji
- Reduktor
- Tworzenie
- Komponowanie
- Selektory
- Proste
- Komponowane
- Selektory z parametrami
- Efekty
- Asynchroniczne wykonywanie zadań
- Pobieranie danych z serwera
- Reagowanie na zmiany na store
- Transformacje strumienia akcji
- Stan
- Modułowa architektura stanu
- Modelowanie danych
- Normalizacja danych przy pomocy @ngrx/entity
- Router
- Konfiguracja @ngrx/router-store
- Akcje routera
- Integracja z aplikacją
Narzędzia
- Redux DevTools - debugowanie
- @ngrx/schematics - generowanie kodu
Budowanie przykładowej aplikacji do pracy zespołowej w czasie rzeczywistym
Testowanie
- Reduktor
- Efekty
- Selektory
Szkolenia powiązane
