generator-azure-web-app/public/lib/index.js

Minimalist Web App generator: Webpack/Rollup + React + Express, deployable to vanilla Node.js, Azure App Service, and IIS

'use strict';

import Summation from './ui/summation';

class Index extends React.Component {
  constructor(props) {
    super(props);

    this.handleXChange = this.handleXChange.bind(this);
    this.handleYChange = this.handleYChange.bind(this);

    this.state = {
      x: 1,
      y: 2
    };
  }

  handleXChange(newValue) {
    this.setState({ x: newValue });
  }

  handleYChange(newValue) {
    this.setState({ y: newValue });
  }

  render() {
    return (
      <div>
        <h1>Hello, World!</h1>
        <samp>NODE_ENV = "{ process.env.NODE_ENV }"</samp>
        <p>
          <a href="/api/health">Health check</a>
        </p>
        <Summation
          onXChange={ this.handleXChange }
          onYChange={ this.handleYChange }
          x={ this.state.x }
          y={ this.state.y }
        />
      </div>
    );
  }
}

const rootInstance = ReactDOM.render(
  <Index />,
  document.getElementById('reactRoot')
);

if (process.env.NODE_ENV !== 'production' && module.hot) {
  require('react-hot-loader/Injection').RootInstanceProvider.injectProvider({
    getRootInstances: function () {
      // Help React Hot Loader figure out the root component instances on the page:
      return [rootInstance];
    }
  });
}