INTRODUZIONE A REDUX e NGRX

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.

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.

INTRODUZIONE a REDUX

• Principi fondamentali
• Immutable State
• Pure vs Inpure functions
• Reducers
• Store
• Actions
• Containers vs Presentational components
• Esempi e casi d’uso

NGRX:  Reactive State Management

• 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