Corso «React Advanced»

Corso «React Advanced»

Corso «React Advanced»

Obiettivo

Obiettivo

Prerequisiti

Prerequisiti

Strumenti

Strumenti

Durata totale

Durata totale

Formare dei discenti che hanno già dimestichezza con React su temi architetturali e avanzati quali:
• Gestione tabelle in asincrono
• Gestione form in asincrono
• Gestione delle permission

  • Conoscenza intermedia di React
  • Oppure aver frequentato il corso «React»
  • Installazione degli strumenti che seguono
  • Node ultima versione
  • Yarn ultima versione
  • Visual Studio Code
  • 8 ore, erogato in una giornata

Formare dei discenti che hanno già dimestichezza con React su temi architetturali e avanzati quali:
• Gestione tabelle in asincrono
• Gestione form in asincrono
• Gestione delle permission

Programma

1. Architettura generale del progetto:
•Gestione della suddivisione in cartelle del progetto adottando un appoccio a componenti e DDD

2. Gestione dell’autenticazione
• Generazione del JWT di autenticazione e storage in LocalStorage e Cookies
• Pasaggio del token al backend via headers

3. Gestione dei grant e delle permissions
• Gestione dei permessi di un utente a livello di routes (percorsi consentitie non) e di visibilità dei componenti

4. Gestione avanzata form
• Fetch asincrono durante li loading o al cambio di un determinato valore
• Valorizzazione di alcuni campi del form

5. Atomic design attraverso Storybook
• Creazione e gestione di componenti comuni e riutilizzabili in tutta la piattaforma
• Sviluppo isolato dei singoli componenti

6. Gestione delle tabelle
• Gestione del fetch asincrono delle tabelle
• Prepopolamento con i primi valori e ordinamento e filtro server side

7. Logging frontend
• Sviluppo di un logger frontend efficace con Sentry

8. Gestione API
• Gestione delle api in modo da sollevare e loggare automaticamente gli errori

9. Deploy di un applicazione React con Docker
• Deploy di un applicazione react utlizzando un Docker container