react 16 compat

Author: kenwheeler

demo/game/character.js

@@ -136,7 +136,9 @@ export default class Character extends Component {
       if (this.isPunching && this.state.spritePlaying === false) {
         this.isPunching = false;
       }
-
+      if (this.isJumping) {
+        store.setCharacterPosition(body.position);
+      }
       const targetX = store.stageX + (this.lastX - body.position.x);
       if (shouldMoveStageLeft || shouldMoveStageRight) {
         store.setStageX(targetX);
@@ -177,6 +179,8 @@ export default class Character extends Component {
     const { x, y } = characterPosition;
     const targetX = x + stageX;
 
+    console.log(y);
+
     return {
       position: 'absolute',
       transform: `translate(${targetX * scale}px, ${y * scale}px)`,

demo/index.js

@@ -10,12 +10,14 @@ ReactDOM.render(
   document.getElementById('root')
 );
 
-module.hot.accept('./presentation', () => {
-  const NextPresentation = require('./presentation').default;
-  ReactDOM.render(
-    <AppContainer>
-      <NextPresentation />
-    </AppContainer>,
-    document.getElementById('root')
-  );
-});
+if (process.env.NODE_ENV !== 'production') {
+  module.hot.accept('./presentation', () => {
+    const NextPresentation = require('./presentation').default;
+    ReactDOM.render(
+      <AppContainer>
+        <NextPresentation />
+      </AppContainer>,
+      document.getElementById('root')
+    );
+  });
+}

webpack.config.js

@@ -2,30 +2,31 @@ const path = require('path');
 const webpack = require('webpack');
 
 module.exports = {
-  entry: [
-    './demo/index',
-  ],
+  entry: ['./demo/index'],
   output: {
     path: path.join(__dirname, 'dist'),
     filename: 'bundle.js',
     publicPath: '/dist/',
   },
   plugins: [
-    new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.DefinePlugin({
       'process.env': {
         NODE_ENV: JSON.stringify('production'),
       },
     }),
+    new webpack.optimize.UglifyJsPlugin(),
   ],
   module: {
-    loaders: [{
-      test: /\.js$/,
-      exclude: /node_modules/,
-      loader: 'babel',
-    }, {
-      test: /\.css$/,
-      loader: 'style!css!postcss',
-    }],
+    loaders: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+      },
+      {
+        test: /\.css$/,
+        loader: 'style-loader!css-loader!postcss-loader',
+      },
+    ],
   },
 };

webpack.config.umd.js

@@ -6,7 +6,7 @@ module.exports = {
   entry: path.join(__dirname, 'src/index.js'),
   externals: [
     {
-      'react': {
+      react: {
         root: 'React',
         commonjs2: 'react',
         commonjs: 'react',
@@ -28,11 +28,10 @@ module.exports = {
   },
   module: {
     loaders: [
-      { test: /\.js$/, exclude: /node_modules/, loader: 'babel' },
+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
     ],
   },
   plugins: [
-    new webpack.optimize.DedupePlugin(),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         warnings: false,