btholt · raymondly23 · Mar 7, 2016 · Mar 24, 2016 · Mar 24, 2016 · Mar 24, 2016
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/app.js b/app.js
diff --git a/index.html b/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <title>svideo</title>
-    <link rel="stylesheet" href="/public/normalize.css">
-    <link rel="stylesheet" href="/public/style.css">
+  <meta charset="UTF-8">
+  <title>svideo</title>
+  <link rel="stylesheet" href="public/normalize.css">
+  <link rel="stylesheet" href="public/style.css">
 </head>
 <body>
-    <div id="app"><%= body %></div>
-    <script src="/public/bundle.js"></script>
+  <div id="app"></div>
+  <script src="public/bundle.js"></script>
 </body>
 </html>
diff --git a/js/BrowserEntry.jsx b/js/BrowserEntry.jsx
diff --git a/js/ClientApp.jsx b/js/ClientApp.jsx
@@ -1,35 +1,15 @@
-const React = require('react')
-const Landing = require('./Landing')
-const Search = require('./Search')
-const Layout = require('./Layout')
-const Details = require('./Details')
-const ReactRouter = require('react-router')
-const { Router, Route, IndexRoute, browserHistory } = ReactRouter
-const Store = require('./Store')
-const { store } = Store
-const reactRedux = require('react-redux')
-const { Provider } = reactRedux
-
-const myRoutes = (props) => (
-  <Route path='/' component={Layout}>
-    <IndexRoute component={Landing} />
-    <Route path='/search' component={Search} />
-    <Route path='/details/:id' component={Details} />
-  </Route>
-)
-
-class App extends React.Component {
-  render () {
-    return (
-      <Provider store={store}>
-        <Router history={browserHistory}>
-          {myRoutes()}
-        </Router>
-      </Provider>
-    )
-  }
+var React = require('react')
+var ReactDOM = require('react-dom')
+var MyTitle = require('./MyTitle')
+
+var MyFirstComponent = function () {
+  return (
+    <div>
+      <MyTitle title='Whatevs' color='rebeccapurple' />
+      <MyTitle title='LOL' color='papayawhip' />
+      <MyTitle title='OMGLOLWTFBBQ' color='#f06d06' />
+    </div>
+  )
 }
 
-App.Routes = myRoutes
-
-module.exports = App
+ReactDOM.render(<MyFirstComponent />, document.getElementById('app'))
diff --git a/js/Details.jsx b/js/Details.jsx
diff --git a/js/Header.jsx b/js/Header.jsx
diff --git a/js/Landing.jsx b/js/Landing.jsx
diff --git a/js/Layout.jsx b/js/Layout.jsx
diff --git a/js/MyTitle.jsx b/js/MyTitle.jsx
@@ -1,11 +1,18 @@
 const React = require('react')
+const div = React.DOM.div
+const h1 = React.DOM.h1
 
-const MyTitle = (props) => (
-  <div>
-    <h1 style={{color: props.color}}>
-      {props.title}
-    </h1>
-  </div>
-)
+const MyTitle = React.createClass({
+  render () {
+    const style = {color: this.props.color}
+    return (
+      <div>
+        <h1 style={ style }>
+          {this.props.title}
+        </h1>
+      </div>
+    )
+  }
+})
 
 module.exports = MyTitle
diff --git a/js/Search.jsx b/js/Search.jsx
diff --git a/js/ShowCard.jsx b/js/ShowCard.jsx