From 4a8d8c7cb38d76476ae3e478e66d452988cc04d8 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Thu, 4 May 2017 15:38:24 -0400
Subject: [PATCH] basic

---
 js/index.js | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/js/index.js b/js/index.js
index e7dcc9b..51a814d 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,7 +1,37 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import {
+  BrowserRouter as Router,
+  Route,
+  Link
+} from 'react-router-dom'
+
+class About extends React.Component{
+    render(){
+        return <h1>About</h1>
+    }
+}
+
+class Topics extends React.Component{
+    render(){
+        return <h1>Topics</h1>
+    }
+}
 
 ReactDOM.render(
-    <h2>Matt is amazing</h2>,
+    <Router>
+        <div>
+            <ul>
+                <li>
+                    <Link to="/about">About</Link>
+                </li>
+                <li>
+                    <Link to="/topics">Topics</Link>
+                </li>
+            </ul>
+            <Route path="/about" component={About}/>
+            <Route path="/topics" component={Topics}/>
+        </div>
+    </Router>,
     document.querySelector('main')
 );