Gabrielgarg / react-router-exercicios

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Router - Exercício

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

Como eu vou executar os exercícios?

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.

Exercício 1

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

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

Exercício 2

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

Exercício 3

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

Informações úteis sobre o assunto

  1. Router (documentação)

About


Languages

Language:JavaScript 59.1%Language:HTML 40.9%