Corso State Manager & Data Architectures in Angular & NGRX

STATE MANAGER & DATA ARCHITECTURES
CON ANGULAR8 e NGRX8

Un video corso su NGRX per la creazione di applicazioni enterprise in Angular, scalabili e manutenibili

INTRODUZIONE

Angular fornisce gli strumenti fondamentali per sviluppare un’intera Single Page Application. Tuttavia, le attività che il front-end deve svolgere sono sempre più complesse e le interfacce utente (UI), di conseguenza, stanno diventando sempre più sofisticate: gestione di un data-flow molto articolato, componenti che devono rimanere in sync tra di loro, integrazione unit test, time travel debugging sono solo alcune delle problematiche ricorrenti che uno sviluppatore front-end deve affrontare quotidianamente. Redux, libreria nata per requisiti complessi in contesti quali Facebook, nasce con l’obiettivo di separare nettamente gli aspetti architetturali dalla user interface, semplificando la gestione dello stato applicativo e rendendo il codice molto più manutenibile, testabile e scalabile.

COS'È NGRX

NGRX è una libreria ispirata a Redux creata per gestire lo stato applicativo in applicazioni Angular e ne condivide diversi aspetti: azioni, reducers e un singolo store. I dati sono esposti sotto forma di Observable (quindi fa largo uso di RxJS) tramite selezioni dello stato e fornisce una moltitudine di pattern e utility per gestire inoltre operazioni asincrone, effects/middlewares, typed actions, meta-reducers, selectors / memoization, lazy loading, entità e molto altro.

Durata: 9 ore

Livello: Avanzato

Versione Angular: 8.x

Versione NGRX: 8.x

Tipologia: Video Corso

... e di organizzare queste fasi in specifici file utilizzando convenzioni e best practices ormai consolidate
Un abuso della dependency injection porta spesso ad uno stato unpredictable
Gestire il flusso dati attraverso uno state manager permette di creare una UI totalmente stateless / "stupida"
NGRX permette di organizzare e gestire ogni fase dello stato applicativo
... e di organizzare queste fasi in specifici file utilizzando convenzioni e best practices ormai consolidate
Un abuso della dependency injection porta spesso ad uno stato unpredictable

OBIETTIVO DEL CORSO

Creare applicazioni Angular scalabili, testabili e semplici da mantenere utilizzando NGRX per la gestione dello stato applicativo, applicando una netta separazione tra architettura dati e presentational layer.

REQUISITI

Per comprendere gli argomenti trattati nel corso è necessario avere una buona conoscenza delle seguenti funzionalità del framework Angular: componenti custom, moduli, dependency injection, router e lazy loading.

PROGRAMMA

INTRODUZIONE A REDUX e NGRX

• Principi fondamentali di Redux

• Immutable State

• Pure vs Inpure functions

• Reducers

• Store

• Actions

• Containers vs Presentational components

• Esempi e casi d’uso

NGRX: REACTIVE STATE MANAGER

• Data architectures in Angular e NGRX

• Store e stato applicativo reattivo

• Utilizzo di Observable, RxJS e async pipe

• Azioni, sincrone e asincrone

• Reducer: aggiornare lo stato applicativo

• Typed Actions e Action Creator

• NGRX Effects

• Features Modules, lazy loading e lazy store

• Metareducers

• Combine Reducers

• Introduzione alle entity di NGRX

• Debugging e Redux Chrome Dev tools

IL CORSO INCLUDE

SINGOLI ESEMPI

Decine di esempi pratici e casi d’uso sulle principali funzionalità del framework, le API più popolari e le best practices più utili per la creazione di codice riutilizzabile e scalabile.

REAL APPS

Video lezioni dedicate alla teoria in cui saranno descritti i concetti tramite l’utilizzo di slide, diagrammi animati e materiale esclusivo.

TEORIA

Sessioni di live coding in cui saranno sviluppate Single Page Application che comunicano via API RESTful o RealTime Application che utilizzano Google Firebase per la sincronizzazione tra diversi client.

ESEMPIO LEZIONE

In questa lezione:

Punto 1

Punto 2

Punto 3

Punto 4

Punto 5

ISTRUTTORE:
FABIO BIONDI

Fabio is both a community leader and a frequent contributor in many Italian front-end usergroups (Angular, React, Javascript, ...). He's a Google Developer Expert in Web Technologies and Angular with more than 15 years of experience in developing enterprise level applications, interactive experiences and UI components in several languages and web technologies.

Currently, he holds meetups, events and training courses all over Italy and he's speaker in a lot of conferences such as CodeMotion, WebAppConf, Angular Day and more...

His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Typescript/ES6, Redux, NGRX, RxJS, Firebase, D3.js, CreateJS and several other web technologies.