Struttura del corso
Sviluppo di applicazioni front-end moderne
- Panoramica e similitudini tra React, Angular e Vue.js
- Rendering dichiarativo
- Componenti: definizione di tag HTML personalizzati
- Uso di create-react-app per inizializzare un progetto React
JavaScript moderno
- Sviluppo con node.js e npm
- Versioni di JavaScript
- Lavorare con i moduli
- Funzioni e funzioni freccia
- Classi
- Programmazione funzionale in JavaScript (map, filter, ...)
TypeScript
- Tipizzazione statica vs dinamica
- Dichiarazione dei tipi per variabili, funzioni e classi
- Tipi di dati di base
- Tuple, oggetti
- Interfacce
- Generici
Linguaggio di template di React
- Linguaggio di template basato su JavaScript: JSX
- Impostazione delle proprietà degli elementi
- Ripetizione degli elementi
- if / else
- Eventi
- Classi e stili CSS
Gestione dello stato in React
- Impostazione e modifica dello stato dell'applicazione
- Uso dello state hook e di setState
- Cattura del contenuto degli elementi input nello stato
Componenti: i mattoni delle applicazioni web moderne
- Definizione di tag HTML personalizzati in React
- Stato, props ed eventi
- Flusso di dati tra i componenti
- Componenti funzionali e componenti di classe
- Uso degli hooks nei componenti funzionali
- Eventi del ciclo di vita del componente (mount, update, unmount)
- Inclusione di componenti predefiniti da una libreria
Gestione dello stato con Redux
- Fondamenti di Redux: gestione dello stato con funzioni pure, reducer e dati immutabili
- Uso del reducer hook in React
- Integrazione di Redux in un'applicazione React
- Componenti presentazionali e container
- L'ecosistema di Redux
- Gestione di eventi asincroni con Thunk
- Recupero dati da un'API REST
Strumenti per sviluppatori e testing
- Strumenti per sviluppatori React
- Strumenti per sviluppatori Redux
- Testing di JavaScript con Jest
- Testing dei reducer
- Testing dei componenti React
React Router
- Routing lato client
- Visualizzazione di diverse viste in base alla rotta corrente del browser
Sviluppo di app con React
- Breve panoramica di React Native
- Creazione di un'applicazione installabile per mobile e desktop con Progressive Web Apps
- Confronto tra Progressive Web Apps e app native
Requisiti
- Fondamenti di HTML
- Esperienza con JavaScript
Recensioni (7)
Alla fine è stato davvero utile acquisire una solida comprensione di alcuni dei concetti fondamentali di React, in particolare quelli relativi allo stato e agli hook. Łukasz ha offerto spiegazioni molto chiare e si è dimostrato disponibile nel lavorare su esempi pratici per chiarire ulteriormente eventuali dubbi.
Hayden Pike - Powerlink Queensland
Corso - React, Redux and TypeScript
Traduzione automatica
I dettagli forniti, il modo di spiegare e la calma e fiducia che l'instruttore trasmette.
Cosmin Ghergheles - Ness
Corso - React, Redux and TypeScript
Traduzione automatica
Ha coperto i componenti di base
Valentin
Corso - React, Redux and TypeScript
Traduzione automatica
L'entusiasmo di Lukasz.
Eloise Phelps - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
Come Luke ha fatto un ottimo sforzo per aiutare le persone individualmente quando avevano problemi a far funzionare il codice. Luke era estremamente amichevole e andava d'accordo con i partecipanti al corso.
Jonathan Grout - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
L'interazione del formatore con tutti i partecipanti è stata ottima, tutti hanno ricevuto aiuto in qualche fase del corso. Soprattutto per le persone non familiari con l'argomento, è stata un'esperienza davvero eccellente.
Tayyab Ejaz Mushtaq - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
Mi è piaciuto il fatto che sembrasse un ambiente sicuro e non mi sono sentito intimidito condividendo lo schermo e le mie difficoltà con l'istruttore o il gruppo.
Wanda Hawkins-Kavanagh - Dunelm
Corso - React, Redux and TypeScript
Traduzione automatica
