Data architectures in React & Redux

Home/Corsi/React/Data architectures in React & Redux
Data architectures in React & Redux 2017-08-23T01:28:56+00:00

DATA ARCHITECTURES
in REACT & REDUX

Un’introduzione alla creazione di architetture solide e scalabili in React, utilizzando Redux per la gestione dello stato applicativo

0
ore di teoria
0
ore di pratica
  • Durata: 1 giornata (8 ore)

  • Tipologia: Corso Intensivo

  • Versione React: 15.5 / 16

  • Obiettivo: 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, ovvero la UI.
  • Requisiti: familiarità con l’utilizzo di React. Conoscere gli argomenti affrontati durante il corso React Core Concepts

IL PROGRAMMA

INTRODUZIONE a REDUX

  • Principi fondamentali
  • Immutable State
  • Pure vs Inpure functions
  • Reducers
  • Store
  • Actions
  • Containers vs Presentational components
  • Real world examples

DATA ARCHITECTURES
in REACT / REDUX

  • Configurazione progetto React / Redux
  • React / Redux module
  • Store, Action, Reducer
  • connect, mapStateToProps, mapDispatchToProps
  • Middleware e Enhancers
  • Async actions e Redux Thunk
  • OffLine applciation e local storage
  • Debugging e Redux Chrome Dev tools
  • Reselect e il concetto di memoization

UNIT TEST

  • Integrazione test con Jest e Enzyme
  • Testare Azioni e Reducer
  • Test per ASync Action con Axios e Redux-Thunk
  • Mock XHR
  • Utilizzare Enzyme per testare componenti

WORKSHOP

Creazione di un’applicazione CRUD in Angular e Redux (Time Tracking)

INFORMAZIONI SUL CORSO

LEARN

Durante la giornata le sessioni di teoria saranno supportate costantemente da slide, contenenti approfondimenti, snippet e diversi casi d’uso illustrati passo-passo dal docente.

LIVE CODE

Il docente applicherà buona parte degli argomenti precedentemente trattati, scrivendo codice LIVE, con numerosi esempi pratici e coinvolgendo attivamente i partecipanti.

HANDS-ON

Nel pomeriggio gli studenti metteranno in pratica le nozioni acquisite durante la giornata realizzando diversi esercizi con il costante supporto del docente.

UN PERCORSO COMPLETO

Questo modulo fa parte di un percorso didattico più ampio che si pone due obiettivi: il primo è quello di descrivere in modo approfondito tutte le funzionalità e la sintassi della libreria, il secondo, più importante, è quello di trasferire ai partecipanti metodologie, approcci e best practice consolidate affinché possano creare applicazioni modulari, scalabili, manutenibili e testabili.

Il percorso completo è composto da 3 giornate, suddiviso in 3 moduli da 8 ore:

FAQ

Devo portare il mio laptop? 2017-07-06T13:44:22+00:00

Ti consigliamo di portare il tuo laptop tramite il quale potrai consultare le slide e svolgere le esercitazioni qualora fossero previste dal corso.
Nel caso non avessi la possibilità di portarlo potrai comunque affiancare un altro partecipante.

Come posso contattare l’organizzatore? 2017-07-13T23:13:51+00:00

Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer

Devo installare qualche software sul mio laptop? 2017-09-12T21:45:29+00:00

Per svolgere le esercitazioni il tuo laptop dev’essere configurato per l’utilizzo di Git e dovresti installare una versione di Node superiore alla 6.9.

RECENSIONI

“N.D.”
– Da inserire

“N.D.”
– Da inserire

DOCENTE

Fabio Biondi
Fabio BiondiJS Developer and Trainer
I’m an active contributor in the italian front-end communities with 10+ years of experience in developing enterprise level applications and components.

Especially focused in front-end applications and all related aspects, both visuals and architecturals, I daily use cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React and several other technologies.

I also collaborate with many training italian companies in order to organize events, training courses and campus.

  • Javascript, Angular, React, Redux, RxJS
  • D3.js, CreateJS, GSAP TweenMax, Firebase

Facebook community admin on:

PRECEDENTE
Mastering Components

PROSSIMI EVENTI?

Consulta la mia pagina Facebook

SEGUIMI

Vuoi organizzare questo corso

PRESSO LA TUA SEDE?

CONTATTAMI