diff --git a/ui/src/actions/GlobalAction.js b/ui/src/actions/GlobalAction.js
new file mode 100644
index 0000000..c785b0f
--- /dev/null
+++ b/ui/src/actions/GlobalAction.js
@@ -0,0 +1,15 @@
+import * as AppAction from './AppAction';
+import * as UserAction from './UserAction';
+import * as MessageAction from './MessageAction';
+import * as ClientAction from './ClientAction';
+
+/** Calls all actions to initialize the state. */
+export function initialLoad() {
+    AppAction.fetchApps();
+    UserAction.fetchCurrentUser();
+    MessageAction.fetchMessages();
+    MessageAction.listenToWebSocket();
+    ClientAction.fetchClients();
+    UserAction.fetchUsers();
+}
+
diff --git a/ui/src/index.js b/ui/src/index.js
new file mode 100644
index 0000000..5087004
--- /dev/null
+++ b/ui/src/index.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Layout from './Layout';
+import registerServiceWorker from './registerServiceWorker';
+import {checkIfAlreadyLoggedIn} from './actions/defaultAxios';
+import config from 'react-global-configuration';
+import 'typeface-roboto';
+import 'typeface-roboto-mono';
+
+const defaultDevConfig = {
+    url: 'http://localhost:80/',
+};
+
+const defaultProdConfig = {
+    url: './',
+};
+
+(function clientJS() {
+    if (process.env.NODE_ENV === 'production') {
+        config.set(window.config || defaultProdConfig);
+    } else {
+        config.set(window.config || defaultDevConfig);
+    }
+    checkIfAlreadyLoggedIn();
+    ReactDOM.render(<Layout />, document.getElementById('root'));
+    registerServiceWorker();
+}());