Instalação e configuração do React Router DOM §

---

Para instalar o React Router DOM em um projeto React, você pode seguir os seguintes passos:

1. Criação do projeto React §

Antes de instalar o React Router DOM, é necessário criar um projeto React. Para isso, você pode usar a Ferramenta create-react-app ou Vite no terminal.

2. Instalação do React Router DOM §

Após a criação do projeto, navegue até o diretório do projeto no terminal e execute o seguinte comando:

$ npm install react-router-dom

Isso instalará o React Router DOM e suas dependências no seu projeto.

3. Configuração das rotas §

Para configurar as rotas em seu aplicativo React, você pode importar os componentes necessários do React Router DOM, como BrowserRouter, Routes e Route, e definir as rotas usando o componente Route.

Por exemplo, você pode definir uma rota para a página inicial do seu aplicativo da seguinte maneira:

import { BrowserRouter, Route, Switch } from 'react-router-dom';
import Home from './components/Home';
 
function App() {
 return (
   <BrowserRouter>
	 {/* Componentes de rotas aqui */}
   </BrowserRouter>
 );
}

Neste exemplo, o componente Home será renderizado quando a rota for a página inicial do aplicativo.

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado