text: import 'babel-core/register';
  import 'babel-polyfill';
  
  import React, { Component } from 'react';
  import { observer } from "mobx-react";
  import { Link } from 'react-router';
  import DevTools from 'mobx-react-devtools';
  @observer(['appstate'])
  export default class Root extends Component {
  
      constructor(props) {
          super(props);
          // this.addItem = this.addItem.bind(this);
  
          console.log(typeof window === 'object' ? 'client-side' : 'server-side');
      }
  
      addItem() {
          this.props.appstate.addItem('foobar');
      }
  
      render() {
  
          const { appstate } = this.props;
  
          return (
              <div>
                  <ul>
                      { appstate.items.map((item, key) => (
                          <li key={ key }>
                              {item}
  
                          </li>
                      ))}
                  </ul>
                  <nav>
                      <Link to="/page">Go to Page</Link>
                  </nav>
                  {this.props.children}
                  <DevTools />
              </div>
          );
      }
  }
  