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 29/08/2023
Já estuda na Alura?
Comece o curso agoraEmenta
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
-
Formação
Gerencie aplicações React com Typescript
10h
De curso
53
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
João Carlos de Melo Junior
Luiz Peralta
Giovanni Gasperini
Jose Edson Araujo Silva
Lucas Carlos da Silva
e mais 184 pessoas
e mais 184 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda React com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas