used ES6 classes

Author: hipertracker

src/app/components/About.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import {Segment} from 'react-semantify'
 
-const About = React.createClass({
+class About extends React.Component {
     render() {
         return (
             <Segment>
@@ -13,6 +13,6 @@ const About = React.createClass({
             </Segment>
         )
     }
-});
+}
 
 export default About

src/app/components/App.js

@@ -1,13 +1,10 @@
 import React from 'react'
-import ReactRouter from 'react-router'
+import ReactRouter, {RouteHandler, Link} from 'react-router'
 import {Menu, Segment, Section} from 'react-semantify'
 
-const RouteHandler = ReactRouter.RouteHandler;
-const Link = ReactRouter.Link;
-
-const App = React.createClass({
+class App extends React.Component {
     render() {
-        const styles = {
+        const styles= {
             margin: 10
         };
         return (
@@ -32,6 +29,6 @@ const App = React.createClass({
             </Section>
         )
     }
-});
+}
 
 export default App

src/app/components/Home.js

@@ -3,14 +3,16 @@ import {Segment} from 'react-semantify'
 
 import UsefulLinks from './UsefulLinks'
 
-const Home = React.createClass({
+class Home extends React.Component {
     render() {
         return (
-            <Segment>
-                <UsefulLinks title="React useful links"/>
-            </Segment>
+            <div>
+                <Segment>
+                    <UsefulLinks title="React useful links"/>
+                </Segment>
+            </div>
         )
     }
-});
+}
 
 export default Home