outsourced routes to separate file and created a boilerplate action and store

js/app.js

@@ -4,7 +4,7 @@ import React from 'react';
 import Router from 'react-router';
 
 import AscribeApp from './components/ascribe_app';
-import routes from '.routes';
+import routes from './routes';
 
 Router.run(routes, Router.HashLocation, (AscribeApp) => {
   React.render(

js/components/actions/artwork_list_actions.js

@@ -0,0 +1,11 @@
+import alt from '../alt';
+
+class ArtworkListActions {
+  constructor() {
+    this.generateActions(
+      'updateArtworks'
+    );
+  };
+};
+
+export default alt.createAction(ArtworkListActions);

js/components/ascribe_app.js

@@ -4,7 +4,7 @@ import Router from 'react-router';
 var RouteHandler = Router.RouteHandler;
 
 class AscribeApp extends React.Component {
-  render () {
+  render() {
     return (
       <div>
         <h1>ascribe all the things!</h1>

js/components/stores/artwork_list_store.js

@@ -1,5 +1,9 @@
+import alt from '../alt';
+
 class ArtworkListStore {
 	constructor() {
 		this.artworkList = [];
 	}
-};
+};
+
+export default alt.createStore(ArtworkListStore);

js/routes.js

@@ -1,7 +1,8 @@
+import React from 'react';
 import Router from 'react-router';
 
 import AscribeApp from './components/ascribe_app';
-import ArtworkList from './components/artwork_list';
+import ArtworkList from './components/gui/artwork_list';
 
 var Route = Router.Route;
 
@@ -9,4 +10,6 @@ var routes = (
   <Route handler={AscribeApp}>
     <Route path="artworks" handler={ArtworkList} />
   </Route>
-);
+);
+
+export default routes;