Angular Data Architectures: Redux e RxJS 5 Angular

Ogni modulo seguente ha la durata di 8 ore e include sessioni di didattica ed esercitazione.

Day#1:Reactive Programming in RxJS 5REACTIVE PROGRAMMING IN RXJS:
- Concetti core Reactive Programming, differenze e use cases in relazione ad altri paradimmi
- Comprensione in dettaglio di Observables e Observers
- Creazione di custom Observables ed Observers in comuni casi d’uso
- Utilizzo degli operators più comuni e scenari d’uso per ciascuno
- Gestione eventi asincroni comuni ed avanzati quali HTTP
- Esercizi sulle basi di RxJS con tips & tricksREAL-WORLD RXJS:
- Debugging in RxJS
- Combinazione di Observables ed operators
- Subjects e multicasting: cosa sono, differenze tra i diversi tipi di Subjects e casi d’uso per ciascuno
- BehaviourSubject in dettaglio: perché viene tanto usato e come evitare errori più comuni
- Studio problemi comuni nelle Web Applications con relative soluzioni in RxJSANGULAR 2+ & RXJS:
- Integrazione RxJS in progetti Angular e Typescript
- Aspetti reactive del framework Angular: Http, Reactive Forms, Router, Componenti
- State management e application flow con RxJS
- Miglioramento performance di un’applicazione Angular con RxJS
- Build e distribution di un’applicazione Angular con RxJSRXJS AVANZATO:
- Unit testing con RxJS
- Gestione WebSockets in RxJS
- Dietro le quinte di RxJS: come è implementato
- Utilizzo di uno Scheduler in contesti ad alto carico di lavoro (livello alto avanzato)

Day #2: Angular Data Architecture in Redux
CONCETTI CORE:
- Problemi di comunicazione tra componenti Angular
- Gestione del data-flow deterministico, scalabile ed esplicito
- Caratteristiche del pattern Flux e come Redux evolve da esso
- Vantaggi dell’ unidirezionalità
- Confronto con MVC
- Integrazione con Angular 2+
- Pattern Smart e Dumb Components
- Come mantenere lo stato applicativo e Redux indipendente dai componenti
- Integrazione Redux + Typescript: tipizzazione dello stato applicativoINTEGRAZIONE REDUX e RXJS:
- ChangeDetectionStrategy: come migliorare le performance dei componenti tramite Redux
- Utilizzo di librerie Redux in Angular: angular-redux (precedentementedenominato ng2-redux) e ngrx. Differenze e come scegliere consapevolmente.REAL-WORLD REDUX CON UNIT TESTING:
- Principi fondamentali
- Action e action creator con unit testing
- Reducers con unit testing
- Caratteristiche dello Store immutabile
- Comporre lo stato iniziale e l’avvio dell’app
- Vantaggi dello Single state tree
- L’importanza dell’ImmutabilitàREDUX-AVANZATO:
- Composizione di reducers
- Redux Middlewares
- Side effects con redux-observable e ngrx/effects
- State selectors, memoization e computed data
- Accenni server-side rendering con Redux e Angular 2+

Day #3: Real World Application
Durante la terza giornata si estenderà un’applicazione di banking, risultato della 4° giornata di Angular Master Class, al fine di mostrare un confronto più chiaro delle differenze e dei vantaggi introdotti da RxJS e Redux in un’applicazione. La previa partecipazione al corso Angular Master Class è consigliata ma non obbligatoria, in quanto verranno presentati a tutti i partecipanti gli aspetti principali dell’applicazione. Si affronteranno inoltre le difficoltà ed errori più comuni nella gestione di eventi asincroni e dello stato applicativo, portando luce e soluzioni riusabili in diversi contesti relativi ad applicazioni Angular.ANALISI E RISOLUZIONE
- Analisi iniziale dell’applicazione prima di Redux + RxJS e studio dei problemi di stato applicativo e data-flow
- Risoluzione dei problemi tramite puro RxJS in Angular 2+
- Analisi pro e contro puro RxJS
- Integrazione Redux con Observable Store nell’applicazione
- Analisi struttura dello stato applicativo: errori e design patterns più comuni
- Analisi struttura di un progetto Angular 2+ con ReduxOPERAZIONI:
- Operazioni CRUD in Redux
- Creazione action creators e reducers con unit testing
- Creazione componenti smart & dumb connessi a Redux con unit testing della parte Redux
- Utilities e tips per la modifica dello stato applicativo in maniera concisa, performante e dichiarativa
- Gestione richieste HTTP al server
- Gestione validazione server ed optimistic updates con eventuale rollback
- Gestione autenticazione JWT in Redux
- Persistenza dello stato applicativo