Name: Curso React: conhecendo a biblioteca React Router
Rating: 4.65 (3492 reviews)

Matricule-se com desconto especial do Gaules!

conhecendo a biblioteca React Router

Quero estudar na alura

10h

Para conclusão

6394

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

O que você aprenderá_

Saiba como refatorar um projeto utilizando ESLint
Desenvolva um código escalável, priorizando um código limpo e fácil de entender
Utilize o pacote react-router-dom de forma simples e prática, aprendendo todos os conceitos principais da biblioteca
Descubra como a biblioteca se integra com o navegador e utiliza de coisas nativas para mudar as rotas e compartilhar estados
Crie telas navegando entre elas de diversas formas diferentes e reaproveite componentes eles elas
Entenda sobre nested routes e como criá-las para reaproveitar código e resolver problemas

Público alvo_

Desenvolvedores que estão dentro do universo React e deseja criar páginas com SPA utilizando react-router-dom. Desenvolvedores que já conhecem react-router-dom nas versões anteriores a 6 e gostaria de aprender como a biblioteca funciona atualmente. Desenvolvedores que tem dúvidas de como funciona o react-router-dom junto com o navegador.

Luiz Fernando Ribeiro

Curso atualizado em 10/07/2024

Já estuda na Alura?

Comece o curso agora

Ementa

O que é SPA?
- Apresentação
- ESLint
- Criando o início
Estrutura básica do Router DOM
- Pratos recomendados
- Resolvendo rotas com js
- Usando react-router-dom
Criando as rotas
- Reaproveitando o Menu
- Reaproveitando com react-router
- Trocando a Tag a
- Reaproveitando o Header
- Página padrão
Router DOM Hooks
- Estilo tema
- Terminando a tela Início
- Terminando a tela Sobre
- Criando o NotFound
- Voltando para outra tela
Finalizando o projeto
- Criando a rota Prato
- useLocation e state
- Detalhes do Prato
- Usando o useParams
- Refatorando tags
Ajustes NotFound e Header
- NotFound na tela de detalhes
- Resolvendo o Header
- Conclusão

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