Routing e navigazione con React Router 6

Guarda questa serie di brevi video approfonditi e acquisisci in pochi minuti delle skill da mettere in pratica già da subito!


In questo mini corso analizzeremo le principali caratteristiche di React Router, la libreria più utilizzata per la gestione del router in single page applications sviluppate in React. È ormai giunta alla versione 6, moltissime sono le novità introdotte ma ahimè anche diversi breaking change.
Inizieremo con la creazione di un progetto React con il supporto di TypeScript, creeremo un sistema di la navigazione tra le pagine dell'applicazione, vedremo come passare parametri ad una pagina, come creare route di primo e secondo livello, proteggere l'accesso ad una route e al DOM, abilitare il lazy loading e analizzeremo diversi nuovi componenti e hook.

Mentre segui il corso, consulta qui il materiale condiviso dallo speaker.


Durata del path: 62 minuti | Numero episodi: 11 | Durata media di ogni episodio: 5/6 minuti.

Watch all videos

Episodes:

1
1:25
Introduzione a React Router 6
1. Introduzione a React Router 6
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
2
3:13
Creazione di un progetto React / TypeScript con CRA
2. Creazione di un progetto React / TypeScript con CRA
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
3
6:43
Creazione Pagine e Navigazione con useState
3. Creazione Pagine e Navigazione con useState
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
4
7:04
Installazione e configurazione React Route
4. Installazione e configurazione React Route
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
5
8:21
Barra di Navigazione
5. Barra di Navigazione
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
6
14:43
Route dinamiche e gestione parametri
6. Route dinamiche e gestione parametri
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
7
5:21
Nested Routes: Outlet e children
7. Nested Routes: Outlet e children
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
8
3:50
Proteggere Route da accessi indesiderati
8. Proteggere Route da accessi indesiderati
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
9
2:52
Nascondere elementi del template se non necessari
9. Nascondere elementi del template se non necessari
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
10
5:28
Configurare il router tramite un oggetto
10. Configurare il router tramite un oggetto
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022
11
3:49
Ottimizzazione bundle e lazy loading
11. Ottimizzazione bundle e lazy loading
by Fabio Biondi
Italian Intermediate tech lesson January 17th, 2022