Roteamento em React usando a biblioteca Router

Nesta seção, nos familiarizaremos com um tópico muito interessante e importante na criação de aplicações web - roteamento. É precisamente graças ao roteamento que o usuário pode navegar entre várias páginas web dependendo de ações ou solicitações enviadas.

Neste tutorial, aprenderemos como usar a biblioteca externa React Router, para criar aplicações React com roteamento.

O React Route nos permite trabalhar com roteamento tanto no lado do cliente (ou seja, no navegador), quanto no lado do servidor. Ele permite criar complexas aplicações web de página única (SPA) que usam navegação sem atualizar a página inteira (ou seja, sem solicitações adicionais ao servidor), bem como trabalhar com o histórico do navegador (setas para voltar).

O React Router usa uma arquitetura baseada na abordagem de componentes. Desta forma, esta biblioteca permite navegar entre os muitos componentes de um aplicativo React, alterar o URL no navegador e manter a sincronização do estado do seu aplicativo com o URL.