MASTERING REACT (ES6)

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

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

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

TRAINER, SPEAKER, DEVELOPER

Mi chiamo Fabio Biondi, sono Microsoft MVP e Google Developer Expert in Angular e Web Technologies, e ho più di 15 anni di esperienza nella creazione di applicazioni web enterprise.

Sviluppatore, Istruttore e Speaker in numerosi eventi. Ho fondato e gestisco diverse community italiane che si occupano di Javascript, Angular, React e Opportunità per gli sviluppatori (più di 30000 membri).

Attualmente mi occupo di formazione e mentoring su Javascript / Typescript, Angular, React, Redux, NGRX, RxJS, Next e, recentemente, Lit e Web Components.
Mi occupo, inoltre, di creazione contenuti tecnici su YouTube (in italiano e in inglese) e sono partner su Twitch in cui mi trovate spesso in streaming (con ospiti, sessioni di formazione, live coding e studio di nuove tecnologie).
CERTIFICATIONI & AWARDS

Dal 2019: Microsoft MVP

Dal 2018: Google Developer Expert in Web Technologies e Angular

2004-2011: Adobe Certified Expert & Instructor (Flex, AIR, Flash).

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 partecipanti (da 3 a 30 persone).
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 sulle iniziative

Non sono sicuro che questo corso sia adatto al mio team. Puoi aiutarmi ad orientarmi?

Assolutamente sì. Utilizza il form di contatto per organizzare una riunione Skype / telefono

Posso modificare il programma e creare un corso personalizzato ?

Sì. Puoi scegliere gli argomenti che preferisci da questo e altri corsi e possiamo stilare insieme un programma personalizzato sulla base dei vostri obiettivi e del background dei partecipanti. 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 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?

Almeno 2 giornate se la durata del viaggio (da Trieste, la provincia in cui risiedo) è inferiore alle 4 ore.
Tre giornate, invece, nel caso di una durata superiore.

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?

Lo consiglio ma non è indispensabile. È 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)