projeto em React Skill Tree

Implementando Recursos de Navegação no React

Intermediário

Neste projeto, você aprenderá como implementar recursos de navegação em uma aplicação React. Você criará uma aplicação simples com uma barra de navegação e páginas que podem ser navegadas usando links.

reactjavascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como implementar funcionalidades de navegação em uma aplicação React. Você criará uma aplicação simples com uma barra de navegação e páginas que podem ser navegadas usando links.

👀 Pré-visualização

project preview

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar o projeto e instalar as dependências
  • Como adicionar rotas e route matchers para habilitar a navegação dos menus na barra de navegação
  • Como adicionar navegação da lista de cartões para cartões individuais

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Usar React Router para lidar com roteamento no lado do cliente (client-side routing)
  • Criar links e navegar entre diferentes páginas em uma aplicação React
  • Passar dados entre componentes usando o objeto state no React Router
Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 83%. Recebeu uma taxa de avaliações positivas de 86% dos estudantes.

Professor

labby
Labby
Labby is the LabEx teacher.