Caso não lembre como funciona o processo de entrega, clique aqui

Vamos utilizar a biblioteca react Router.

Para executar este exercício, você pode criar uma nova aplicação React, como foi visto na aula passada, ou utilizar o link abaixo para ir ao template no CodeSandbox. Este template para exatamente onde o exercício da última aula acaba.

Template do CodeSandbox

Caso queira criar uma nova aplicação React, basta copiar os conteúdos deste repositório e colar dentro da pasta do seu projeto criado.

Você recebeu este projeto em andamento. Sua primeira tarefa é ler o código e procurar entender em qual parte dele precisará aplicar as rotas.

Crie um site com roteamento de 3 páginas, utilizando o React Router:

• Página inicial
• Página de perfil
• Página de erro

Agora monte a mudança de rota no clique dos botões do cabeçalho:

• Botão de ir para página inicial
• Botão de ir para página de perfil

Agora configure uma rota que utiliza path param:

Crie uma nova página de produto específico por id “/product/:id”

Não se preocupe em aplicar navegação de rota nela

1. Router (documentação)