FabioBiondi.
0
CatalogoInfoIl tuo programma
← tutti i corsi
// corso · 2026react

Mastering React: oltre le basi

Organizzazione progetti, router, autenticazione e creazione layout dinamici in React.

Durata
12h
Sessioni
3 da 4h
Livello
Intermedio
[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

Introduzione


Prosegui il percorso di studio iniziato con il corso React Core Concepts e impara a:

  • • Creare applicazioni CRUD complete
  • • Sviluppare UI più sofisticate
  • • Organizzare il tuo codice in componenti e custom hook
  • • Refactoring e sviluppo applicazioni seguendo best practice
  • • Approfondire l'utilizzo di React Router
  • • Gestire il processo di autenticazione in React
§02

Obiettivo

Gli studenti saranno in grado di creare e organizzare progetti real-world sviluppati in React e avranno, inoltre, una maggiore padronanza della libreria.
§03

REQUISITI

Sviluppatori che hanno partecipato al corso React Core Concepts o che hanno già un po' di confidenza nell'utilizzo della libreria:
ci si aspetta che i partecipanti siano in grado di creare template JSX/TSX dinamici, comunicare con API REST, gestire lo stato locale di componenti e, preferibilmente, che abbiano già utilizzato TypeScript in progetti React.
[ programma ]

Cosa vediamo,
in dettaglio.

Il programma viene rifinito con il team prima del corso, in base a stack, obiettivi e livello. Quella che vedi è la base: possiamo accelerare o approfondire dove serve e, se necessario, modificare il programma.
La maggior parte del corso è live-coding, con esempi pratici.

4 moduli · 32 argomenti
  1. M01

    CRUD applications

    • Creare API REST mock con "json-server"
    • Data fetching
    • Gestione operazioni CRUD: GET, PATCH, PUT, DELETE, POST
    • Gestione errori HTTP e stato di pending
    • Sfruttare useEffect per la gestione del ciclo di vita dei componenti
    • Creazione di un'unico form per le operazioni di inserimento e modifica
    • Gestione errori HTTP e stato di pending
    • Gestire stati locali multipli
    • Creazione UI dinamiche con side panels, modali e altri componenti sviluppati da zero
    • Utilizzo di CSS, Tailwind e React per tutta la gestione della UI senza l'ausilio di librerie esterne
  2. M02

    Components e Custom Hooks

    • Organizzazione progetto
    • Organizzare la view in componenti
    • Creazione componenti riutilizzabili
    • Distribuzione e sincronizzazione stato tra componenti
    • Organizzare la logica in custom hooks
    • Barrel files
    • Astrazione di alcuni servizi
  3. M03

    Approfondimento React Router

    • Installazione e utilizzo di React Router Dom
    • Definire le regole del router
    • Navigazione tra route
    • React Router hooks
    • Lazy Loading delle route con Suspense
    • Route con parametri
    • Nested Routes
    • Il componente Outlet
    • Introduzione alle nuove API per il data fetching (v.6.8+)
  4. M04

    Autenticazione

    • Introduzione a JWT
    • Gestione Login / Logout
    • Creare route pubbliche e private, ad accesso riservato
    • Gestione Token
    • Creare componenti per nascondere il DOM in base a ruoli e permessi
    • Creazione HTTP Interceptor, gestione header e token JWT
[ corsi propedeutici ]

Prima di questo corso...

[ corsi correlati ]

Potrebbero piacerti anche...

Pronto a portarlo nel tuo team?

Contattami →