diff --git a/client/index.js b/client/index.js
index 44516e9b0c..0de40272a4 100644
--- a/client/index.js
+++ b/client/index.js
@@ -2,7 +2,7 @@ import BrowserHistory from 'react-router/lib/BrowserHistory';
 import debugFactory from 'debug';
 import { Cat } from 'thundercats';
 
-import app$ from '../common/app/app$.jsx';
+import { app$ } from '../common/app';
 
 const debug = debugFactory('fcc:client');
 const DOMContianer = document.getElemenetById('#fCC');
diff --git a/common/app/app-stream.jsx b/common/app/app-stream.jsx
index 90d0b3104d..23506e4d5f 100644
--- a/common/app/app-stream.jsx
+++ b/common/app/app-stream.jsx
@@ -3,13 +3,13 @@ import React from 'react';
 import { Route, Router } from 'react-router';
 
 // components
-import App from './App.jsx';
-import Jobs from './routes/Jobs';
-import NotFound from './components/NotFound';
+import { App } from './App.jsx';
+import { Jobs } from './routes/Jobs';
+import { NotFound } from './components/NotFound';
 
 const router$ = Rx.Observable.fromNodeCallback(Router.run, Router);
 
-export const routes = (
+const routes = (
   <Route handler={ App }>
     <Route
       component={ Jobs }
diff --git a/common/app/index.js b/common/app/index.js
new file mode 100644
index 0000000000..c55039fe05
--- /dev/null
+++ b/common/app/index.js
@@ -0,0 +1 @@
+export { default as app$ } from './app-stream.jsx';
diff --git a/server/boot/a-react.js b/server/boot/a-react.js
index ad9797e4d3..380fc5aaf0 100644
--- a/server/boot/a-react.js
+++ b/server/boot/a-react.js
@@ -1,8 +1,11 @@
 import debugFactory from 'debug';
-import app$ from '../common/app/app-stream.jsx';
+import { app$ } from '../common/app';
 import { Cat } from 'thundercats';
 
 const debug = debugFactory('freecc:servereact');
+
+// add routes here as they slowly get reactified
+// remove their individual controllers
 const routes = [
   '/jobs'
 ];