ANGULAR & RXJS

RxJS è una delle dipendenze più importanti di Angular, alla base della maggior parte delle funzionalità del framework. Infatti, reactive forms, router, HttpClient, HTTP interceptors, @Output EventEmitter, state manager come NGRX, solo per citarne alcuni, sono basati sul concetto di Observable.

In questa giornata:

• Si comprenderanno a fondo le fondamenta della libreria: Observable, Observer, Subscription, le differenti tipologie di Subject, notifiche next, error, complete, lettura dei marble diagrams, con esempi pratici e casi d’uso reali in vanilla JS ma soprattutto in applicazioni Angular.

• Esempi pratici per la comprensione e l’utilizzo di moltissimi operatori pipeaple e di creazione forniti da RxJS.

• Decine di snippet per sfruttare RxJS nel processo di comunicazione con il server tramite il servizio HttpClient: forkJoin, combineLatest, withLatestFrom, switchMap e mergeMap sono solo alcuni degli operatori che andremo ad analizzare e sfruttare per gestire diverse casistiche real-world.

• Corretta gestione degli errori tramite operatori quali catchError e throwError

• Gestione processo di autenticazione, protezione route tramite guards, HTTP interceptor, protezione DOM tramite creazione di structural directives, utilizzando un approccio idiomatico, sfruttando RxJS e il paradigma reattivo

• Utilizzo di RxJS e dei pipeable operators con i Reactive Forms

• Approfondimento su Subject: come funzionano, potenzialità e le differenze tra le quattro tipologie: Subject, BehaviorSubject, AsyncSubject, ReplaySubject.

Questa giornata sarà utilissima a chi vuole comprendere le fondamenta di RxJS e della programmazione reattiva, a chi desidera sfruttarne il potenziale all’interno dei propri progetti Angular ed è, inoltre, propedeutico all'apprendimento di NGRX, uno state manager per Angular ispirato a Redux, che espone uno stato reattivo e che fa ampio uso di RxJS.

Per trarre il massimo beneficio da questo corso è necessario, o quanto meno fortemente consigliato, conoscere i concetti fondamentali alla base di Angular o aver partecipato al corso Angular Core Concepts: utilizzo di direttive ngIf, ngFor, ngSwitch; avere basi sul concetto di "service" e dependency injection; comunicazione con il server tramite HttpClient e realizzazione di componenti custom.

La prima parte del corso sarà infatti dedicata alla comprensione e utilizzo della libreria RxJS (in vanilla Javascript) ma nella seconda parte moltissimi esempi saranno dedicati all'integrazione con Angular.