Routing in React con la libreria Router

In questa sezione faremo conoscenza con un argomento molto interessante e importante nella creazione di applicazioni web: il routing. È proprio grazie al routing che l'utente può spostarsi tra le molte pagine web a seconda delle azioni o delle richieste inviate.

Da questo tutorial scopriremo come utilizzare la libreria esterna React Router, per creare applicazioni React con routing.

React Router ci permette di lavorare con il routing sia lato client (cioè nel browser), che lato server. Permette di creare complesse applicazioni web single-page che utilizzano la navigazione senza aggiornare l'intera pagina (cioè senza ulteriori richieste al server), e anche di lavorare con la cronologia del browser (freccia indietro).

React Router utilizza un'architettura basata sull'approccio componenti. Pertanto, questa libreria permette di implementare la navigazione tra i molti componenti dell'applicazione React, cambiare l'URL nel browser e mantenere la sincronizzazione dello stato della tua applicazione con l'URL.