react_typescript_bootstrap_router_boilerplate_app_component.ts

1import React from 'react';
2import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
3import 'bootstrap/dist/css/bootstrap.min.css';
4import './App.css';
5
6// Components
7import Header from './components/Header/Header';
8import Footer from './components/Footer/Footer';
9import Home from './pages/Home/Home';
10import About from './pages/About/About';
11
12const App: React.FC = () => {
13  return (
14    <Router>
15      <div className="App">
16        <Header />
17        <main className="container mt-4">
18          <Switch>
19            <Route exact path="/" component={Home} />
20            <Route path="/about" component={About} />
21          </Switch>
22        </main>
23        <Footer />
24      </div>
25    </Router>
26  );
27};
28
29export default App;