More on routing

js/actions.js

@@ -0,0 +1,25 @@
+import createHistory from 'history/createBrowserHistory';
+
+export const NAVIGATE = 'navigate';
+
+let history;
+if (process.env.RENDER_MODE !== 'server') {
+  history = createHistory();
+
+  const unlisten = history.listen((location, action) => {
+    // location is an object like window.location
+    console.log(action, location.pathname, location.state)
+  });
+}
+
+const actions = {
+  navigate: (pageName) => {
+    history.push(`${pageName}.html`);
+    return {
+      type: NAVIGATE,
+      pageName,
+    };
+  },
+};
+
+export default actions;