NGRX - Reaktywny stan aplikacji webowej
LICZBA DNI: 2 (16h)
KOD KURSU: NGRX
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ść Angular 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ć Angular na co dzień. Poznasz implementację Redux 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 Angular 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
