NGRX - Reaktywny stan aplikacji webowej

LICZBA DNI: 2 (16h)

KOD KURSU: NGRX

Powiadom
o kolejnych terminach

# reactive

# functional

# rxjs

# ngrx

# javascript

# typescript

# angular

Autor szkolenia:
Piotr Błaszczak

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

  • Dispatcher
  • Store
  • View
  • Podstawy działania strumieni
  • Tworzenie strumieni
  • Podstawowe operatory
  • Struktura projektu
  • Dependency Injection
  • Components
  • Pipe "async"
  • 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ą
  • Redux DevTools - debugowanie
  • @ngrx/schematics - generowanie kodu
  • Reduktor
  • Efekty
  • Selektory

Nasi eksperci

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.