Curso
React: Navegação entre páginas
A maioria dos sites da internet possui mais de uma página, oferecendo aos usuários a possibilidade de navegar entre elas. A navegação entre páginas, na programação em HTML puro, é feita através da tag a. No React, a navegação usa o componente Link e o recurso App Router. Neste curso aprenderemos a implementar a navegação entre páginas com o React. Além disso, entenda o conceito de sites do tipo SPA: Single Page Application, que permite ao usuário navegar entre páginas sem que o conteúdo da página precise ser totalmente recarregado.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
15 horas
Curso de React (10 aulas)
Aula 1 - Introdução
Nesta aula vamos avançar mais um passo no nosso aprendizado de React. Agora, vamos implementar navegação entre páginas com React. Mas, primeiro, vamos fazer uma revisão da tag a, usada para criar a navegação em páginas feitas com HTML puro.
Aula 2 - Exemplo prático
Nesta aula vamos conhecer o exemplo que será utilizado como base para aprendermos a criar uma aplicação React com navegação entre páginas.
Aula 3 - Criando uma página
Aprenda nesta aula a criar a sua primeira aplicação React com mais de uma página. Com esse conhecimento você será capaz de criar sites com múltiplas páginas.
Aula 4 - Linkando as páginas
Aprenda nesta aula a linkar as páginas da sua aplicação React. Com esse conhecimento você será capaz de implementar a navegação entre as páginas do mesmo site.
Aula 5 - Inserindo um componente em uma página
Nesta aula vamos criar um componente e inseri-lo na página principal do exemplo visto na aula anterior.
Aula 6 - Reutilizando um componente em outra página
Nesta aula vamos aprender a reutilizar o componente criado na aula anterior, dentro da nova página. Com isso, teremos as duas páginas da aplicação recebendo o componente Topo.
Aula 7 - Layout.js
Nesta aula vamos aprender outra forma de exibir o mesmo componente em todas as páginas da aplicação, utilizando o arquivo layout.js.
Aula 8 - Criando o projeto
Nesta aula vamos criar uma aplicação que será utilizada para construir o exemplo prático visto na aula anterior.
Aula 9 - Criando o código da página inicial
Nesta aula vamos criar o código da página inicial do exemplo prático, visto na aula anterior.
Aula 10 - Criando a página frontend
Nesta aula daremos mais um passo na construção do nosso projeto ao criar a segunda página da aplicação, a página frontend.
Veja outros cursos de React
React: Trabalhando com coleções de dados
React: Componentização de aplicações com Props + useState
React: Modificando o comportamento da página com State Hook e evento onClick