use es6 class syntax

Author: moklick

app/scripts/actions/itemActions.js

@@ -18,4 +18,4 @@ ItemActions.loadItems.preEmit = function(data){
   },500);
 };
 
-module.exports = ItemActions;
+export default ItemActions;

app/scripts/components/header.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router';
 
-var Header = React.createClass({
+class Header extends React.Component{
 
   render() {
     return (
@@ -20,6 +20,6 @@ var Header = React.createClass({
     );
   }
 
-});
+}
 
-module.exports = Header;
+export default Header;

app/scripts/components/itemList.jsx

@@ -1,11 +1,10 @@
 import React from 'react';
 
-var ItemList = React.createClass({
-
-  propTypes: {
-    loading : React.PropTypes.bool,
-    items : React.PropTypes.array
-  },
+class ItemList extends React.Component {
+  
+  constructor(){
+    super();
+  }
 
   render() {
     var items = this.props.items.map(item => <li key={ item }>{ item }</li>),
@@ -21,6 +20,11 @@ var ItemList = React.createClass({
     );
   }
 
-});
+}
+
+ItemList.propTypes = {
+  loading : React.PropTypes.bool,
+  items : React.PropTypes.array
+}
 
-module.exports = ItemList;
+export default ItemList;

app/scripts/pages/app.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { RouteHandler } from 'react-router';
 import Header from '../components/header.jsx'
 
-var App = React.createClass({
+class App extends React.Component {
 
   render() {
     return (
@@ -15,6 +15,6 @@ var App = React.createClass({
     );
   }
 
-});
+}
 
-module.exports = App;
+export default App;

app/scripts/pages/home.jsx

@@ -3,27 +3,28 @@ import ItemList from '../components/itemList.jsx';
 import ItemStore from '../stores/itemStore';
 import ItemActions from '../actions/itemActions';
 
-var Home = React.createClass({
+class Home extends React.Component {
 
-  getInitialState() {
-    return {
+  constructor(props){
+    super(props);
+    this.state = {
       items : [],
       loading: false
-    }
-  },
+    };
+  }
 
   componentDidMount() {
-    this.unsubscribe = ItemStore.listen(this.onStatusChange);
+    this.unsubscribe = ItemStore.listen(this.onStatusChange.bind(this));
     ItemActions.loadItems();
-  },
+  }
 
   componentWillUnmount() {
     this.unsubscribe();
-  },
+  }
 
   onStatusChange(state) {
     this.setState(state);
-  },
+  }
 
   render() {
 
@@ -34,7 +35,6 @@ var Home = React.createClass({
       </div>
     );
   }
+}
 
-});
-
-module.exports = Home;
+export default Home;

app/scripts/pages/info.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var Info = React.createClass({
+class Info extends React.Component {
 
   render() {
     return (
@@ -15,6 +15,6 @@ var Info = React.createClass({
     );
   }
 
-});
+}
 
-module.exports = Info;
+export default Info;

app/scripts/pages/notFound.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var NotFound = React.createClass({
+class NotFound extends React.Component {
 
   render() {
     return (
@@ -11,6 +11,6 @@ var NotFound = React.createClass({
     );
   }
 
-});
+}
 
-module.exports = NotFound;
+export default NotFound;

app/scripts/routes.js

@@ -15,4 +15,4 @@ var routes = (
   </Route>
 );
 
-module.exports = routes;
+export default routes;

app/scripts/stores/itemStore.js

@@ -35,4 +35,4 @@ var ItemStore = Reflux.createStore({
 
 });
 
-module.exports = ItemStore;
+export default ItemStore;