lots of progress - basic functionality work - bundling working

app/Wrapper/Wrapper.tsx

@@ -1,26 +1,33 @@
 import React from 'react';
-import { Provider } from 'mobx-react';
-import AppState from '../state/AppState';
+import { inject, observer } from 'mobx-react';
+import { AppState } from '../state/AppState';
 import { Content, Header, ServerList, SubHeader } from '../components';
 
 import './Wrapper.scss';
 
-const stores = { AppState };
+interface Props {
+  AppState?: AppState;
+}
 
-export class Wrapper extends React.Component<any, any> {
+@inject('AppState')
+@observer
+export class Wrapper extends React.Component<Props, any> {
 
-  public render(): any {
+  private renderMain(): any {
     return (
-      <Provider {...stores}>
-        <div className="wrapper">
-          <Header />
-          <SubHeader />
-          <div style={{ display: 'flex', flex: 1 }}>
-            <ServerList />
-            <Content />
-          </div>
+      <div className="wrapper">
+        <Header />
+        <SubHeader />
+        <div style={{ display: 'flex', flex: 1 }}>
+          <ServerList />
+          <Content />
         </div>
-      </Provider>
+      </div>
     );
   }
+
+  public render(): any {
+    // make sure app is bootstrapped before rendering
+    return this.props.AppState.isBootstrapped ? this.renderMain() : <div />;
+  }
 }