React Router

Instalação

Executar o comando

$ yarn add react-router-dom

Criação do arquivo src/routes.js

Exemplo do modelo:

import React from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';

import Main from './pages/Main';
import Repository from './pages/Repository';

export default function Routes() {
  return (
    <BrowserRouter>
      <Switch>
        <Route path="/" exact component={Main} />
        <Route path="/repository" component={Repository} />
      </Switch>
    </BrowserRouter>
  );
}

Importação das rotas no src/App.js

Exemplo:

import React from 'react';

import Routes from './routes';

function App() {
  return (
    <>
      <Routes />
    </>
  );
}

export default App;

Usando links através das rotas

Importação

import { Link } from 'react-router-dom';

Uso das rotas

<Link to="/repository">Caminho do Repositório</Link>