NGRX - Reaktywny stan aplikacji webowej

LICZBA DNI: 2 (16h)

KOD KURSU: NGRX

POZIOM SZKOLENIA:

# reactive

# functional

# rxjs

# ngrx

# javascript

# typescript

# angular

Szkolenie na zamówienie

Szkolenie dostosowane do potrzeb Twojego zespołu. Dostępne WYŁĄCZNIE na zamówienie.

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin

Interesuje Cię ta tematyka i szukasz szkolenia tylko dla siebie?

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

  • 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

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.