Description

Un corso completo per comprendere tutte le funzionalit di React e Redux.Acquisire metodologie, approcci e best practice consolidate per la realizzazione di applicazioni mobile modulari, scalabili, manutenibili e testabili. Verranno acquisite tutte quelle conoscenze necessarie per sviluppare Mobile Application attraverso React e Redux Si impareranno i tool da usare e gli scenari di sviluppo avanzato. Attraverso il nostro Corso il partecipante acquisir gli elementi e lambiente di lavoro per poter creare Mobile Application con React. Ogni modulo organizzato con lezioni teoriche di inquadramento degli argomenti ed esercitazioni guidate studiate ad hoc che si pongono lobiettivo di portare ogni frequentatoreverso il saper fare. Verr analizzato lo sviluppo di applicazioni con approccio dichiarativo attraverso Redux e un pattern Flux-like. Verranno mostrati diversi esempi di casi duso classici quali asincronia, dati complessi, immutabilit degli stati e diverse librerie, utility e helpers disponibili per questo ecosistema.PROGRAMMACAPITOLO 1 Panoramica del Corso Setup del Progetto Un Assaggio di JSX Altro su JSX ES6 Import Statements ReactDOM vs React Componente Interfaces e Components Class Render Targets Component Structure Youtube Search API Signup Export Statements Class-Based Components Handling User Events Gli Stati Altro su gli Stati Controlled Components Revisione del Progetto CAPITOLO 2 Risposta da Yutube Functional Components e Class Components Props Creiamo la Lista con Map Keys della Lista Lista Video Detail Component e template Strings Null Props Selezione del Video Styling con CSS Ricerca del Video Tempo di Risposta CAPITOLO 3 I Reducers I Containers – Connettere Redux con React Containers Parte 2 Implementazione di una Container Class Riepilogo del Progetto Action Creators Creiamo la Action Creiamo il Reducers Reducers Parte 2 Conditional Rendering Riepilogo Finale CAPITOLO 4 Panoramica e pianificazione dell’app Component Setup Controlled Components e Binding Context Form Elements Lavorare con le API Introduzione al Middleware Ajax Requests con Axios Redux-Promise Redux-Promise Parte 2 State Mutations nei Reducers Creare una List Container Mappare il Props verso un Render Helper Aggiunta dei Grafici Creazione di un Componente Grafico Riutilizzabile Labeling delle Units Integrazione Google Maps Integrazione Google Maps Parte 2 Revisione del Progetto CAPITOLO 5 Panoramica e Obiettivi dell’App Implementiamo il Posts Reducer Action Creator Shortcuts Rendering di una Lista di Posts Creare un Nuovo Post Otteniamo il React Router Navigazione con Link Component Redux Form Implementazione del Redux Form Componente per i Campi Generalizzazione dei Campi Validating Forms Mostrare gli Errori a gli Utenti Gestione della Submission di Modulo States del Form e dei Campi CSS Navigazione Creazione del Post Action Creator Navigazione Attraverso Callbacks Posts Show Component Ricezione di Nuovi Posts OwnProps Data Dependencies Prendere i Records Cancellare un Post Revisione