Corso ReactJS
ReactJS è una libreria Javascript creata da Facebook ed utilizzata per lo sviluppo moderno di applicazioni web (Single Page Application).
ReactJS consente di creare interfacce utente complesse (UI) attraverso la loro suddivisione per componenti. La finalità è quella di lavorare a progetti complessi.
E’ utilizzato per la creazione, gestione, manutenzione e aggiornamento della User Interface (UI).
Tra i grandi nomi che utilizzano ReactJS in produzione vi sono Facebook, Istagram, WhatsApp, Netflix, Airbnb, eBay, PayPal e New York Time.
Obiettivo: formare il discente per lo sviluppo applicazioni web con la libreria ReactJS e Redux
framework
Requisiti: corso rivolto a sviluppatori front-end. Necessarie basi di Javascript, HTML, CSS e
jQuery
Corso ReactJS erogato solo per aziende e su richiesta. Modalità virtual classroom online o frontale.
Programma Didattico (32 ore):
1. Cos’è ReactJS
Introduzione
Perchè utilizzare ReactJS
Vantaggi e Limitazioni
2. Introduzione a JSX
Virtual DOM
JS contro JSX
Componenti di ReactJS
Attributi HTML
Child Component e Namespaced Component
Expression Javascript in JSX
3. Configurazione e Installazione ambiente di sviluppo ReactJS
Istallazione e Setup
Utilizzo di NPM e Package.json file
Introduzione a Webpack e ES6
Organizzazione codice sorgente
ReactJS Browser Plugin
4. Creazione di una ReactJS Application
Nesting Component
React Render
React Props
Propos Validation con Data Types
States, Inizialized States, Update States
5. React UI e Forms
Form Components
Controlled Form Components
Uncontrolled Form Components
Checkboxes e Radios
Select Boxe con select value default
Form Validation
Styles
Animazione
6. Ciclo di Vita delle Componenti
Inizial Render
Propos Change
Stage Change
Component Unmounth
7. React Router
Configurazione React Router
Router History
If-els in JSX
IIFE in JSX
8. Gestione degli Eventi in JSX
Panoramica Eventi
onClick, onKeyUp
Gestione degli Eventi attraverso le componenti
9. React Styles
CSS e Inline Styles
Configurazione React per React Bootstrap
Implementazione React Bootstrap Components
10. React Router
Router Library
Configurazione Router
Passaggio e Ricezione Parametri
11. Lint StyleLint e Flow
Introdurre eslint nel progetto
Introduzione a Flow e lo static type checker;
Utilizzare flow con progetto di esempio
12. Redux
Store
Provider Component
Actions
Reducers
Sviluppo applicazione Redux
13. Unit Testing
Tool per la fase di Unit Testing
React Unit Testing
JEST
React Component Testing
React Router Testing
Esercitazioni pratiche durante tutto il corso.
Docente sviluppatore ReactJS e full-stack con pluriennale esperienza.
