Durata corso:
Costo:
Redux
Codice: DSW09
React procura gli strumenti fondamentali per l’organizzazione della user interface in componenti. Tuttavia, le
attività che il front-end deve effettuare sono sempre più articolate e le interfacce utente (UI), dunque, stanno
diventando sempre più sofisticate: gestione di un data-flow molto articolato, componenti che devono
rimanere in sync tra loro, integrazione unit test, refactoring e debug sono solo alcune delle attività frequenti
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.
Modalità di erogazione
In aula o Live Virtual Classroom
Attestato di partecipazione
Al termine del corso verrà rilasciato l’attestato di frequenza
Esame
Introduzione a Redux
- Principi fondamentali
- Immutable State
- Pure vs Inpure functions
- Containers vs Presentational components
- Concetto di Store
- Cosa sono reducer
- Actions
- Selectors e memoization
Data architectures in Redux
- La libreria / pattern React-Redux
- Creazione progetti React con Redux
- Store, Action, Reducer
- connect, mapStateToProps, mapDispatchToProps
- Redux Hooks: useSelector, useDispatch, useStore
- OffLine application e local storage
- Debugging e Redux Chrome Dev tools
- Reselect e il concetto di memoization
Redux Middlewares
- Middleware e Enhancers
- Async actions
- Redux Thunk
- Breve introduzione a Sagas e Redux Observable
Sviluppatori
Familiarità con l’utilizzo di React. Conoscere gli argomenti affrontati durante il corso REACTJS
Creare applicazioni React scalabili, testabili e semplici da mantenere utilizzando Redux per la gestione dello
stato applicativo, applicando una netta separazione tra architettura dati e presentational layer