Contattami | Tutti i corsi

MASTERING REACT

Un corso avanzato sull'ultima release di React per approfondire metodologie, pattern e best practice per l'organizzazione di progetti scalabili e manutenibili

react-mastering



INTRODUZIONE
Un corso dedicato agli sviluppatori che già utilizzano React ma desiderano approfondire argomenti come gli hooks (disponibili da React 16.8+), utilizzare tecniche come "Render Props" e "Higher Order Components", approfondire API di recente introduzione e il ciclo di vita dei componenti (React 16.6+) , creare progetti scalabili, testabili e codice efficiente.
OBIETTIVO DEL CORSO
Approfondimento su React per sfruttarne il potenziale e ottenere una certa padronanza nell'utilizzo delle ultime API fornite dalla libreria
REQUISITI
Conoscere le fondamenta del framework e/o aver partecipato al corso Angular Core Concepts e Mastering Angular. E’ preferibile aver già creato in precedenza progetti Angular per trarre il massimo vantaggio dal corso e apprezzarne i contenuti

Durata: 8 ore (1g)
Livello: Intermedio
Versione Angular: 8.x
Versione Typescript: 3.x
Tipologia: Corso in aula


PROGRAMMA
Best Practice
Organizzazione progetti scalabili e manutenibili
Component-based approach: approfondimento
Creare UI stateless
Differenti tecniche per la gestione dello stato applicativo
Preparare il progetto affinché sia pronto per l'integrazione con Redux
Duck pattern
React Profiler
Pattern & Tecniche
Diversi esempi e casi d'uso di "Higher Order Components"
Introduzione alla tecnica “render props”
Error Boundaries
Approfondimento React API (no JSX)
Creazione dinamica di componenti senza l'utilizzo di JSX
Hooks
useState
useEffect
useContext
useReducer
useMemo
useRef
Ampio spazio dedicato alla creazione di "custom hooks"
Component Lifecycle
Tutte le fasi del ciclo di vita del componente:
Immutabilità e ottimizzazione performance
LifeCycle in Functional Components attraverso gli hooks
React PureComponents
LifeCycle in Class Components:
• componentDidMount
• componentDidUpdate
• componentWillUnmount
• shouldComponentUpdate
• getDerivedStateFromProps
• getSnapshotBeforeUpdate
• getDerivedStateFromError
• getDerivedStateFromError
Altre API utili
Code Splitting e Lazy loading con "React.lazy" & "import"
Caricamento lazy di routes e componenti
Suspense e fallback
Context API
CreateRef (16.3 vs 16.6)
ISTRUTTORE:
FABIO BIONDI

profile-round-gde-1



TRAINER, SPEAKER, DEVELOPER
Fabio Biondi, front-end developer da quasi 20 anni, si occupa di formazione, sviluppo e consulenza in ambito enterprise.
Attualmente focalizzato principalmente su Angular, React, Redux, Fabio ha inoltre un solido background nella creazione di interfacce interattive, componenti e infografiche in HTML Canvas e D3.js.

Membro attivo e fondatore di diverse community italiane, collabora attivamente con molte realtà italiane per l'organizzazione di eventi, master, campus e corsi di specializzazione in cui ha formato centinaia di sviluppatori, studenti e team.

Nel 2018 ha ottenuto la qualifica di Google Developer Expert in Web Technologies e Angular e per diversi anni (2004-2011) è stato Adobe Certified Expert & Instructor (Flex, AIR, Flash PRO, Flash Catalyst).

2019-GDE-Angular-Badge
2019-GDE-Web-Technologies-Badge
COSA INCLUDE IL CORSO
Corso di formazione on-site
8 ore (1g)
Accesso ad Area educational
Slide & Esercizi
Codice Sorgente
Incluso
Attestato di partecipazione
PDF formato A4


FAQ
A chi è rivolto?
Principalmente a team e società che intendono organizzare corsi di formazione per un ristretto gruppo di persone (10-30).
Tuttavia, organizzo spesso corsi ed eventi aperti al pubblico in cui chiunque può partecipare (freelance, appassionati, dipendenti). Ti invito a seguirmi sui vari canali social o di iscriverti alla newsletter per rimanere aggiornato
Non sono sicuro che questo corso sia adatto al mio team. Puoi aiutarmi ad orientarmi?
Assolutamente sì. Utilizza il form di contatto e organizzeremo volentieri una skype call o telefonata di confronto
Posso modificare il programma e creare un corso personalizzato ?
Sì. Puoi scegliere gli argomenti che preferisci da questo e altri corsi e possiamo definire un programma ad hoc tarato sulle vostre necessità e skill. Per i corsi più avanzati, solitamente, organizzo una skype call con i partecipanti in modo da valutare il grado di preparazione attraverso un'intervista e/o una sessione di code review (gratuita, della durata di 30/60 minuti)
Dove può essere erogato il corso?
• In Friuli, Ronchi dei Legionari (Gorizia) - Max 12/14 posti con seduta e tavolo oppure 80 posti solo seduta.
• On-Site, presso la vostra sede, in tutta Italia
Quanto costa?
Richiedi le mie tariffe attraverso il form di contatto specificando indirizzo in cui erogare il corso, il periodo e la durata
Cè un quantitativo minimo di giornate da acquistare?
Vivendo a Trieste, i viaggi per raggiungere le sedi dei corsi sono spesso lunghi, faticosi e non privi di imprevisti.
Per questo motivo il numero di giornate minimo affinché si possa organizzare un corso è due, nel caso la durata del viaggio sia inferiore alle 3 ore. Tre giornate, invece, nel caso di una durata maggiore
Il corso prevede esercitazioni per gli studenti?
La scelta è vostra. È possibile effettuare 1 o 2 ore di esercitazioni al giorno oppure lasciare spazio agli argomenti del corso ed approfondimenti
Devo portare il mio laptop?
È necessario solo se intendete configurare l'ambiente di lavoro o effettuare esercitazioni. Un blocco appunti e una penna sono più che sufficienti dato che, dopo il corso, avrete comunque accesso al materiale tramite un'area riservata (slide, esercitazioni, source code)