Fabio Biondi — Frontend & Generative AI Trainer

[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

Introduzione

Un corso intensivo per sfruttare RxJS in applicazioni Angular con casi d'uso reali e la gestione di moltissimi scenari

§02

Perchè RxJS è importante?

RxJS è una delle dipendenze fondamentali su cui si regge Angular, alla base della maggior parte delle funzionalità del framework: reactive forms, Router, HttpClient, HTTP interceptors, @Output EventEmitter, state manager come NGRX, solo per citarne alcuni.

Un utilizzo corretto di RxJS vi permetterà di gestire in modo molto più compatto e solido buona parte delle casistiche che siete soliti risolvere con un approccio imperativo / tradizionale.

§03

Obiettivo

Un corso intensivo indispensabile per comprendere RxJS e la programmazione reattiva e sfruttare il potenziale all’interno di progetti reali sviluppati in Angular.
Oltre ad essere fondamentale per sfruttare il potenziale di Angular, totalmente basato sul concetto di Observable, l'apprendimento di RxJS risulterà, inoltre, utile allo studio di NGRX (o altri state manager reattivi), ovvero lo state manager per Angular più utilizzato, ispirato a Redux, che espone uno stato reattivo e che fa ampio uso di RxJS.

§04

Requisiti

Padronanza nell'utilizzo dei costrutti fondamentali del framework (componenti, servizi, router, HttpClient).
È inoltre preferibile che i partecipanti abbiano già una certa confidenza nell'utilizzo di RxJS.
Potete consultare il programma del corso Reactive Programming in RxJS per un elenco degli argomenti che dovreste già conoscere.

§05

Dettagli sul corso

In questo corso troverai:
• Esempi pratici per una comprensione approfondita della libreria tramite l’utilizzo di moltissimi operatori pipeaple e di creazione all'interno di progetti Angular.

• Decine di snippet per sfruttare RxJS nel processo di comunicazione con il server tramite il servizio HttpClient: utilizzeremo operatori RxJS come merge, forkJoin, combineLatest, withLatestFrom, switchMap e mergeMap solo per citarne alcuni, che analizzeremo e sfrutteremo per la gestione di diverse casistiche real-world.

• Creazione di sequenze in cui si sfruttano e concatenano Observable

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

• Utilizzo e gestione nested pipe

• Gestire errori in sequenze di Observable

• Sfruttare RxJS nel processo di autenticazione, nella guardie del router, in HTTP interceptor, structural directives, utilizzando un approccio idiomatico e le caratteristiche del paradigma reattivo

• Approfondimento sul multicasting: unicast vs multicast, hot vs cold observables, gli operatori share e shareReplay.

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

• Gestire lo stato applicativo e creare architetture Angular con RxJS, utilizzando i Subject e il motore di dependency injection.

[ programma ]

Cosa vediamo,
in dettaglio.

Il programma viene rifinito con il team prima del corso, in base a stack, obiettivi e livello. Quella che vedi è la base: possiamo accelerare o approfondire dove serve e, se necessario, modificare il programma.
La maggior parte del corso è live-coding, con esempi pratici.

6 moduli · 24 argomenti

M01
Angular & RxJS
- 01Decine di operatori in casi d'uso reali
- 02Strategie per gestire le subscription
- 03Angular async pipe
- 04Bad & good practices
M02
RxJS & HttpClient
- 01Flattening operator: switchMap vs mergeMap vs concatMap vs exhaustMap
- 02Richieste sequenziali con switchMap
- 03Risultati parziali, multi-valori
- 04Richieste parallele con forkJoin
- 05reduce e scan
- 06Error handling, retry
M03
RxJS vs Signals
- 01toSignal e toObservable
- 02State management (local & global) tramite l'utilizzo delle differenti tipologie di Subject
M04
Reactive Forms
- 01Applicare operatori RxJS ai Reactive Forms
- 02Esempi di integrazione tra HttpClient e Reactive Forms
M05
Multicasting
- 01Unicast vs Multicast / Cold vs Hot
- 02Sfruttare gli operatori multicast in RxJS 7.x: share e shareReplay
- 03Le differenti tipologie di Subject
- 04Subject & Angular services: gestione stato applicativo
M06
Autenticazione e sicurezza in RxJS
- 01Processo di autenticazione reattivo con RxJS e Subject
- 02Procedure di login e logout
- 03Gestione stati reattivi globali
- 04Stati reattivi derivati
- 05RxJS, guardie del router e Http Interceptor
- 06Protezione DOM e gestione permessi tramite la creazione di direttive strutturali (reattive)