Roteamento com React Router
Parte do curso de React
Tudo o que você construiu até agora vive num único endereço. Existe uma só página, e o que você quer mostrar ao usuário aparece ou some conforme o state. Isso funciona até alguém querer salvar a tela de configurações nos favoritos, ou mandar a um colega o link de um usuário específico, ou apertar o botão voltar do navegador e parar onde esperava parar.
Uma single-page app não recarrega a página inteira quando você circula por ela. O navegador baixa o JavaScript uma vez e, daí em diante, trocar de tela é só o React renderizando componentes diferentes. Mas a URL ainda deve mudar, o botão voltar ainda deve funcionar, e digitar um endereço direto ainda deve levar ao lugar certo. ...
Quer aprender React Roteamento com React Router em um ambiente real?
Clique abaixo, ganhe uma máquina Linux com React pronto e pratique Roteamento com React Router com um tutor de IA que conhece seu código.
Começar esta liçãoRoteamento com React RouterO que você vai aprender
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
Leia esta lição no seu idioma
Todas as lições deste curso
17 lições- 1O que é React?25 min
- 2JSX e Components30 min
- 3Props30 min
- 4State com useState35 min
- 5Manipulando Eventos30 min
- 6Renderização Condicional e Listas30 min
- 7Formulários e Controlled Inputs35 min
- 8Effects com useEffect40 min
- 9Busca de Dados40 min
- 10Composição de Components35 min
- 11Context e useContext35 min
- 12useReducer35 min
- 13Hooks Personalizados35 min
- 14Desempenho e Memoization35 min
- 15Roteamento com React Router40 min
- 16Testando Components React40 min
- 17Projeto Final: Aplicativo de Tarefas60 min
Veja outros cursos
