Summary  
This chapter covers installing an external JavaScript library into a React project using npm and verifying the addition by inspecting the project’s dependencies in package.json.

General domain of usage  
Client-side routing in single-page web applications

## Instalação
Para começar a utilizar a biblioteca **React Router**, é necessário instalá-la em seu projeto utilizando um gerenciador de pacotes como npm ou yarn. Abra o terminal no diretório do projeto e execute o seguinte comando:
Usando npm:
```bash
npm install react-router-dom
```

## Verificando a Instalação
Agora que o pacote `react-router-dom` foi instalado, é importante verificar se ele foi adicionado corretamente ao projeto. Para isso, consulte o arquivo `package.json`, que lista as dependências do projeto.

Por padrão, o objeto dependencies em `package.json` inclui apenas os pacotes necessários para executar e configurar um projeto React básico. Ele pode se parecer com o seguinte:
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```
Após adicionar o pacote `react-router-dom`, o objeto dependencies deve apresentar o pacote `react-router-dom` incluído (conforme mostrado na linha 7):
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```

Qual pacote é necessário instalar para utilizar a biblioteca React Router?

Aprenda a gerenciar a navegação em aplicações React utilizando o React Router. Compreenda a estrutura das URLs e o papel do roteamento em aplicações web. Configure o React Router para criar aplicações multipáginas com conteúdo dinâmico baseado nos caminhos das URLs. Trabalhe com recursos avançados como query strings e parâmetros de URL para manipular o estado da aplicação e a navegação do usuário.

Aprenda os fundamentos teóricos de conceitos como URL, domínio, protocolo, parâmetros de consulta e outros. Entenda a importância do roteamento em aplicações web e por que precisamos da biblioteca React Router.

Descubra como criar uma aplicação React completa do zero, com a capacidade de exibir conteúdo que se adapta com base na URL utilizando a funcionalidade do React Router.

Explore o uso de strings de consulta para compartilhar e gerenciar o estado da aplicação por meio de URLs, trabalhe com diferentes tipos de dados em parâmetros de consulta e aproveite o React Router para navegação e efeitos baseados em alterações de URL.

Instalando o React Router

Instalação

Verificando a Instalação

Awesome!

Instalando o React Router

Instalação

Verificando a Instalação