Loading...

Reactive Programming in Angular & RxJS

Introduzione a RxJS

Introduzione prima parte del corso su RxJS

Introduzione a RxJS

Imperative vs Reactive Programming

RxJS is smart: preview operatori throttleTime & scan

"next", "error" e "complete" functions

Subscription e unsubscribe

Operatori-di-creazione

Pipeable operators

Debug and tap operator

Comprendere i marble diagrams

Come utilizzare StackBlitz

BONUS (4 ore)

Introduzione ad RxJS (sessione live)

RxJS & Angular: esempi pratici e casi d'uso per la comunicazione con il server

Operatore "map"

Angular "async" pipe

Operatore "forkJoin"

Operatore "ForkJoin" con dictionary (update RxJS 6.4)

Operatore "combineLatest" (articolo)

Operatore "switchMap": nested XHR

Operatore "switchMap" per iterare sugli array

Operatore "retry" e gestione errori con l'operatore "catchError"

Operatori "reduce" e "scan"

"switchmap" vs "exhaustmap"

"switchmap" vs "concatmap" vs "mergemap" vs "exhaustmap"

Esercizio online su switchMap

RxJS: advanced topics

Operatore defer(): lazy observables

Creazione Operatori Custom RXJS

RxJS & Angular: autenticazione e sicurezza

Cosa sono i BehaviorSubject

introduzione al processo di autenticazione in Single Page Applications (TEORIA)

Esercizio online su BehaviorSubject

Login e BehaviorSubject

Auth-guard e RxJS

Interceptor - part1: Subject e getvalue

Interceptor - part2: approccio idiomatico

Interceptor - part3: gestione errori

RxJS & Router Events

Live demo e source code

RxJS & Angular Reactive Forms

Introduzione al capitolo

Reactive Forms vs Template Driven Forms

I moduli ReactiveFormsModule e HttpClientModule

Registra il tuo token su OpenWeatherMap

Multiple Subscribes (Bad Practice)

Evitare subscribe multiple con "switchMap" e gestione degli errori con "catchError"

Utilizzare operatori RxJS con i reactive form: "startWith", "distinctUntilChanged", "decounceTime", "filter"

L'operatore "withLatestFrom"

Password match: "combineLatest" e FormControl (articolo)

Esercizio su FormControl e combineLatest

Multicast & RxJS Subjects

Introduzione al concetto di Subject - unicast vs multicast

Utilizzo BehaviorSubject per contenere e condividere dati

Subject as Observer

Multicast: "Subject" vs operatore "share"

"Subject" vs "BehaviorsSubject" vs "ReplaySubject" vs "AsyncSubject"

Sommario e demo sulle diverse tipologie di Subject

Risorse e marble diagrams

Introduzione prima parte del corso su RxJS

1 min

Fabio Biondi

Google Developer Expert
Microsoft MVP

Un video corso interamente dedicato a RxJS e la programmazione reattive:

usare gli operatori "pipeaple" e di creazione forniti da RxJS, prima in vanilla Javascript, per apprendere le fondamenta, e poi in Angular con casi d'uso reali
decine di esempi pratici per sfruttare la comunicazione con il server tramite il servizio HttpClient
gestire il processo di autenticazione, proteggere le route con le "guardie" e HTTP interceptor tramite l'utilizzo di Observable
utilizzo con i Reactive Forms
un intero capitolo dedicato alle 4 tipologie di Subject per comprenderne potenzialità e differenze: Subject, BehaviorSubject, AsyncSubject, ReplaySubject

Send your feedback

URL

/courses/angular/rxjs/introduzione-prima-parte-del-corso-su-rxjs-teoria-articolo

EMAIL

ADD CODE SNIPPET

ADD IMAGE/SCREENSHOTS

VOTE

54321

Topics

Courses

Bookmarks

there are no topics

Home•Blog•Login•Register