Update deps

README.md

@@ -1 +1 @@
-Testing out [create-react-app](https://github.com/facebookincubator/create-react-app) and [react-game-kit](https://github.com/FormidableLabs/react-game-kit).
+T esting out [create-react-app](https://github.com/facebookincubator/create-react-app) and [react-game-kit](https://github.com/FormidableLabs/react-game-kit).

package.json

@@ -4,17 +4,18 @@
   "private": true,
   "homepage": "http://jeffreyatw.github.io/react-redux-platformer",
   "devDependencies": {
-    "react-scripts": "0.4.1"
+    "react-scripts": "^1.1.0"
   },
   "dependencies": {
-    "react": "^15.3.1",
-    "react-addons-update": "^15.3.1",
-    "react-dom": "^15.3.1",
-    "react-game-kit": "0.0.1",
-    "react-redux": "^4.4.5",
-    "redux": "^3.6.0",
-    "redux-thunk": "^2.1.0",
-    "reselect": "^2.5.4"
+    "immutability-helper": "^2.6.4",
+    "prop-types": "^15.6.0",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "react-game-kit": "^1.0.6",
+    "react-redux": "^5.0.6",
+    "redux": "^3.7.2",
+    "redux-thunk": "^2.2.0",
+    "reselect": "^3.0.1"
   },
   "scripts": {
     "start": "react-scripts start",

src/components/app/App.js

@@ -1,14 +1,8 @@
 import React, { Component } from 'react';
 import { Provider } from 'react-redux';
-import GameLoop from 'react-game-kit/lib/utils/game-loop';
 import store from '../../store';
 import GameContainer from '../game/GameContainer';
 
-// monkeypatch GameLoop to delete instead of splice
-GameLoop.prototype.unsubscribe = function (id) {
-  delete this.subscribers[id - 1];
-}
-
 class App extends Component {
   render() {
     return (

src/components/block/Block.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import { STAGE_HEIGHT } from '../../constants';
 import PartContainer from '../part/PartContainer';
 import Matter from 'matter-js';

src/components/character/Character.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import { Body } from 'react-game-kit';
 
 class Character extends Component {
@@ -92,7 +93,7 @@ class Character extends Component {
       width: `${width}px`,
     };
   }
-  
+
   paint() {
     let background = this.background;
     if (this.props.background) {

src/components/countdown/Countdown.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import './Countdown.css';
 
 class Countdown extends Component {

src/components/game/Game.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import { Loop, Stage, World } from 'react-game-kit';
 import { STAGE_HEIGHT, STAGE_WIDTH } from '../../constants';
 import HighScoreContainer from '../highScore/HighScoreContainer';

src/components/gameOver/GameOver.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 
 class GameOver extends Component {
   static propTypes = {

src/components/highScore/HighScore.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import './HighScore.css';
 
 class HighScore extends Component {

src/components/level/Level.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 import { BLOCK_DIMENSION, STAGE_HEIGHT, STAGE_WIDTH } from '../../constants';
 import BlockContainer from '../block/BlockContainer';
 import FloorContainer from '../floor/FloorContainer';
@@ -20,7 +21,7 @@ class Level extends Component {
     [0,0,0,0,0],
 
     [0,0,1,1,2],
-    
+
     [0,0,1,2,2],
 
     [0,1,2,3,4],

src/components/part/Part.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from "prop-types";
 import { BLOCK_DIMENSION } from '../../constants';
 import Character from '../character/Character';
 

src/components/score/Score.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from "prop-types";
 
 class Score extends Component {
   static propTypes = {

src/components/stageSetter/StageSetter.js

@@ -1,4 +1,5 @@
-import { Component, PropTypes } from 'react';
+import { Component } from 'react';
+import PropTypes from "prop-types";
 
 class StageSetter extends Component {
   static contextTypes = {

src/reducerMaps/blocks.js

@@ -1,4 +1,5 @@
-import update from 'react-addons-update';
+import update from 'immutability-helper';
+
 import actionTypes from '../actionTypes';
 
 export default new Map([

src/reducerMaps/game.js

@@ -1,4 +1,4 @@
-import update from 'react-addons-update';
+import update from 'immutability-helper';
 import initialState from '../initialState';
 import actionTypes from '../actionTypes';
 

src/reducerMaps/six.js

@@ -1,4 +1,4 @@
-import update from 'react-addons-update';
+import update from 'immutability-helper';
 import actionTypes from '../actionTypes';
 
 export default new Map([

src/reducerMaps/stage.js

@@ -1,4 +1,4 @@
-import update from 'react-addons-update';
+import update from 'immutability-helper';
 import actionTypes from '../actionTypes';
 
 export default new Map([