React Router

Main.js

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

import Header from '~/components/Header';

import Dashboard from '~/pages/Dashboard';
import Users from '~/pages/Users';

const Main = () => (
  <div id="app-container">
    <Header />    
    <main>
      <Switch>
        <Route path="/dasboard" component={Dashboard} />
        <Route path="/users" component={Users} />
        <Redirect from="/" to="/dasboard" />
      </Switch>
    </main>
  </div>
);

export default Main;

routes.js

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

import Private from './private';
import Guest from './guest';

import Main from '~/pages/Main';
import SignUp from '~/pages/Auth/SignUp';
import SignIn from '~/pages/Auth/SignIn';

const Routes = () => (
  <Switch>
    <Guest path="/signin" component={SignIn} />
    <Guest path="/signup" component={SignUp} />
    <Private path="/" exact component={Main} />
  </Switch>
);

export default Routes;