Logo do curso
Curso

React:

construindo SPAs com React router

Quero estudar na alura

6h

Para conclusão

4

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Organize o projeto em uma Single Page Application com estrutura clara.
  • Implemente rotas condicionais e dinâmicas utilizando o React Router.
  • Configure componentes como Routes, Route e Outlet para definir os fluxos internos.
  • Utilize elementos como Link, NavLink e useNavigate para gerenciar a navegação.
  • Implemente páginas de erro e rotas coringa para uma experiência robusta.

Público alvo_

Pessoas desenvolvedoras front-end, com conhecimentos básicos em React e que desejam aprimorar seus conhecimentos em Single Page Applications utilizando React Router.

Vinicios Neves

github

linkedin

Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

Curso atualizado em 08/09/2025

Ementa

  1. Configurando o roteamento

    • Entendendo o que é uma SPA
    • Conhecendo o projeto
    • Criando a primeira rota
  2. Protegendo e agrupando rotas

    • Agrupando rotas - Nested routes
    • Implementando Linking
    • Implementando rotas protegias
  3. Trabalhando com Autenticação

    • Cadastrando usuários
    • Efetuando login
    • Implementando o logout
  4. Utilizando URLs dinâmicas

    • Criando segmentos dinâmicos da URL
    • Organizando as rotas
  5. Implementando layouts e página 404

    • Layouts por rotas
    • Acessando URLs inexistentes
    • Gerenciamento de rotas

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração do seu plano e aproveite até 44% OFF

Conheça os Planos para Empresas