Complete MVP of React Router Mini.

package.json

@@ -15,5 +15,17 @@
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

src/App.js

@@ -1,10 +1,15 @@
 import React from 'react';
 import './App.css';
 import { Home, About, Contact, Navigation } from './components';
+import { Route } from 'react-router-dom';
 
 const App = () => (
   <div>
     <Navigation />
+    <Route exact path="/" component={Home} />
+    <Route path="/about" component={About} />
+    <Route path="/contact" component={Contact} />
+
   </div>
 );
 

src/components/Navigation.js

@@ -1,18 +1,25 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 
 const Navigation = () => {
   return (
     <div>
       <div className="App">
         <h1>React Router Mini</h1>
         <div>
-          <a href="">Home</a>
+          <Link to="/">
+            Home
+          </Link>
         </div>
         <div>
-          <a href="">About</a>
+          <Link to="/About">
+            About
+          </Link>
         </div>
         <div>
-          <a href="">Contact</a>
+          <Link to="/Contact">
+            Contact
+          </Link>
         </div>
       </div>
     </div>

src/components/index.js

@@ -3,4 +3,6 @@ import About from './About';
 import Contact from './Contact';
 import Navigation from './Navigation';
 
+
+
 export { Home, About, Contact, Navigation };

src/index.js

@@ -3,5 +3,11 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import 'bootstrap/dist/css/bootstrap.css';
+import { BrowserRouter as Router} from 'react-router-dom';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(
+<Router>
+    <App />
+</Router>,
+
+document.getElementById('root'));