ES6 Cleanup

karma.config.js

@@ -69,7 +69,7 @@ module.exports = function(config) {
     webpack: {
       module: {
         loaders: [
-          { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader"}
+          { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader?stage=0"}
         ],
         postLoaders: [{
           test: /\.jsx?$/,
@@ -105,4 +105,4 @@ module.exports = function(config) {
       'karma-phantomjs-launcher'
     ],
   });
-}
+}

package.json

@@ -44,8 +44,8 @@
     "webpack-dev-server": "^1.7.0"
   },
   "dependencies": {
-    "babel-core": "^5.4.3",
-    "babel-loader": "^5.1.2",
+    "babel-core": "^5.4.7",
+    "babel-loader": "^5.1.3",
     "express": "^4.12.3",
     "react": "^0.13.3",
     "react-router": "^0.13.3",

src/main.jsx

@@ -79,4 +79,4 @@ Router.run(routes, Router.HistoryLocation, function(Handler, state) {
   fetchData(state.routes, state.params).then((data) => {
     React.render(<Handler data={data} />, document.getElementById(DOM_APP_EL_ID));
   });
-});
+});

src/pages/home/page.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { getData } from "../../common/request";
 
-
 export default class HomePage extends React.Component {
   componentWillMount() {
     console.log("[HomePage] will mount with server response: ", this.props.data.home);
@@ -16,8 +15,8 @@ export default class HomePage extends React.Component {
       </div>
     );
   }
-}
 
-HomePage.fetchData = function(params) {
-  return getData("/home");
-}
+  static fetchData = function(params) {
+    return getData("/home");
+  }
+}

src/pages/landing/page.jsx

@@ -16,8 +16,8 @@ export default class LandingPage extends React.Component {
       </div>
     );
   }
-}
 
-LandingPage.fetchData = function(params) {
-  return getData("/landing");
-}
+  static fetchData = function(params) {
+    return getData("/landing");
+  }
+}

src/routers/logged_in.jsx

@@ -1,6 +1,5 @@
 import React from "react";
-import Router from "react-router";
-let { Route, DefaultRoute, RouteHandler, Link } = Router;
+import { Route, DefaultRoute, RouteHandler, Link } from "react-router";
 
 import HomePage from "../pages/home/page";
 
@@ -23,12 +22,13 @@ export default class LoggedInRouter extends React.Component {
       </div>
     );
   }
-}
 
-LoggedInRouter.getRoutes = function() {
-  return (
-    <Route name="app" path="/" handler={LoggedInRouter}>
-      <DefaultRoute name="home" handler={HomePage} />
-    </Route>
-  );
-}
+  static getRoutes = function() {
+    return (
+      <Route name="app" path="/" handler={LoggedInRouter}>
+        <DefaultRoute name="home" handler={HomePage} />
+      </Route>
+    );
+  }
+
+}

src/routers/logged_out.jsx

@@ -1,6 +1,5 @@
 import React from "react";
-import Router from "react-router";
-let { Route, DefaultRoute, RouteHandler } = Router;
+import { Route, DefaultRoute, RouteHandler } from "react-router";
 
 import LandingPage from "../pages/landing/page";
 
@@ -15,12 +14,12 @@ export default class LoggedOutRouter extends React.Component {
       </div>
     );
   }
-}
 
-LoggedOutRouter.getRoutes = function() {
-  return (
-    <Route name="app" path="/" handler={LoggedOutRouter}>
-      <DefaultRoute name="landing" handler={LandingPage} />
-    </Route>
-  );
-}
+  static getRoutes = function() {
+    return (
+      <Route name="app" path="/" handler={LoggedOutRouter}>
+        <DefaultRoute name="landing" handler={LandingPage} />
+      </Route>
+    );
+  }
+}

webpack.local.config.js

@@ -39,12 +39,16 @@ module.exports = {
   // Transform source code using Babel and React Hot Loader
   module: {
     loaders: [
-      { test: /\.jsx?$/, exclude: /node_modules/, loaders: ["react-hot", "babel-loader"]}
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loaders: ["react-hot", "babel-loader?stage=0"],
+      }
     ]
   },
 
   // Automatically transform files with these extensions
   resolve: {
     extensions: ['', '.js', '.jsx']
   }
-}
+}

webpack.production.config.js

@@ -13,11 +13,11 @@ module.exports = {
 
   module: {
     loaders: [
-      { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader" }
+      { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader?stage=0" }
     ]
   },
 
   resolve: {
     extensions: ['', '.js', '.jsx']
   }
-}
+}