App.js with routing

App.js

import React, { Component } from 'react';

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

import Header from './components/Header';
import HomeScreen from './screens/HomeScreen';
import ArticleScreen from './screens/ArticleScreen';

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <Header />
          <Switch>
            <Route exact path="/" component={HomeScreen} />
            <Route path="/articles/:uuid" component={ArticleScreen} />
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default App;