Streamlined hot reloading configuration using babel-preset-react-hmre

Author: coryhouse

.babelrc

@@ -2,17 +2,8 @@
   "presets": ["es2015", "react", "stage-1"],
   "env": {
     "development": {
-      "plugins": [
-        ["react-transform", {
-          "transforms": [{
-            "transform": "react-transform-hmr",
-            "imports": ["react"],
-            "locals": ["module"]
-          }, {
-            "transform": "react-transform-catch-errors",
-            "imports": ["react", "redbox-react"]
-          }]
-        }]
+      "presets": [
+        "react-hmre"
       ]
     }
   }

package.json

@@ -35,9 +35,9 @@
     "babel-eslint": "5.0.0",
     "babel-loader": "6.2.3",
     "babel-plugin-react-display-name": "2.0.0",
-    "babel-plugin-react-transform": "2.0.0",
     "babel-preset-es2015": "6.5.0",
     "babel-preset-react": "6.5.0",
+    "babel-preset-react-hmre": "1.1.1",
     "babel-preset-stage-1": "6.5.0",
     "browser-sync": "2.11.1",
     "chai": "3.4.1",
@@ -54,8 +54,6 @@
     "mocha": "2.3.4",
     "node-sass": "3.4.2",
     "npm-run-all": "1.6.0",
-    "react-transform-catch-errors": "1.0.1",
-    "react-transform-hmr": "1.0.1",
     "redbox-react": "1.2.0",
     "rimraf": "2.5.0",
     "sass-loader": "3.1.2",