Dopo il successo della versione gratuita di ReactJS Workshop (screenshot incluso), lo stesso è stato ricostruito per includere nuove lezioni ed esempi di codice comprese le valutazioni. Viene introdotto il formato settimanale.
Lavorando come direttore - UI Practice & Engineering, questo formato di workshop di 5 giorni è stato concettualizzato da me dopo aver ottenuto un grande successo fornendo ILT in questo formato.
Realizzo applicazioni JavaScript da diversi anni e adoro lavorare con i framework front-end più recenti e migliori come React, Redux, ES6 e Webpack per fornire soluzioni ai clienti di molti settori nel Midwest e oltre. Insieme, attraverso una serie di brevi lezioni e laboratori ricchi di codice, costruiremo un'applicazione in esecuzione con React e Redux. Partirai con una comprensione pratica di come utilizzare React nelle tue applicazioni, oltre a un codice funzionante da sfruttare come utile risorsa futura.

Obiettivi del workshop
------------------------------------
1. Reagire vocabolario e concetti
2. Utilizzo di Redux
3. Familiarità con i moderni strumenti JS
4. Valutazione
5. Collegamento a esempi di codice
6. PPT standard sul materiale in oggetto.
7. Approccio organizzato di 5 giorni per affrontare la curva di apprendimento.

1.React Basics
Nella prima parte di questo workshop, inizieremo coprendo i concetti fondamentali di React come il DOM virtuale. Una volta chiariti i concetti fondamentali, tratteremo le classi React e le API fornite. Entreremo nei dettagli sul rendering, gli stati, gli oggetti di scena e il ciclo di vita di un componente React. Dopodiché, la discussione passerà a JSX e importanti distinzioni tra HTML normale. Spiegheremo come testare il tuo primo componente React con Jest ed Enzyme. E, naturalmente, una panoramica del panorama degli strumenti React: inclusi gli ultimi strumenti di compilazione JS, la gestione delle dipendenze JS e il fantastico framework di bootstrap Create-React-App.

2.Reagire al router
Ora che sappiamo come creare componenti React, spiegheremo come possiamo farli lavorare tutti insieme per creare un'applicazione velocissima a pagina singola utilizzando il router React. In questa lezione, tratteremo tutto ciò che devi sapere sulla configurazione degli stati di React, nonché delle API e dei componenti che puoi utilizzare per la transizione tra di essi.

3. Redux
Ora che l'impronta della nostra applicazione sta iniziando a crescere, avremo bisogno di un buon modello per orchestrare lo stato di tutti i nostri componenti. È qui che entra in gioco l'architettura Redux: essere l'unica fonte di verità per supportare la nostra applicazione a pagina singola. In questa lezione tratteremo le parti principali di Redux (azioni, riduttori e negozi) e il modo in cui interagiscono. In laboratorio, aggiungeremo la libreria Redux alla nostra applicazione e la useremo per fornire dati ai nostri componenti React.

4 Moduli di reazione e convalida
Nella lezione finale e nel laboratorio, inseriremo alcuni moduli sui nostri dati. Tratteremo i componenti del modulo React e il motivo per cui differiscono dagli altri componenti React nativi. Quindi discuteremo di come aggiungere la convalida ai nostri componenti del modulo in React Bootstrap. In laboratorio, utilizzerai ciò che hai imparato per creare moduli che utilizzeremo per rendere persistenti i dati in un servizio REST.