Update dependencies

curse you babel 7, webpack and all other npm crap.

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["react", "es2015", "stage-1"]
+  "presets": ["@babel/preset-env", "@babel/react"]
 }

README.md

@@ -9,10 +9,6 @@ Also a project for learning CSS Grid layout, React, Redux and Redux-sagas.
 Install dependencies and start webpack watcher.
 
     npm install
-    npm run watch
+    npm start
-
-in another terminal, start a web server using python.
-
-    npm run serve
     
-Visit site on http://localhost:10667
+Visit site on http://localhost:8080

package.json

@@ -2,26 +2,26 @@
   "scripts": {
     "build": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors",
     "watch": "webpack -p --define process.env.NODE_ENV='\"production\"' --watch --progress --colors",
-    "serve": "DEV_SERVER_PORT=10667 DEV_SERVER_ROOT=. dev-server"
+    "start": "webpack-dev-server --open"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "babel-core": "^6.2.1",
+    "@babel/core": "^7.6.0",
-    "babel-loader": "^6.2.0",
+    "@babel/polyfill": "^7.6.0",
-    "babel-preset-es2015": "^6.1.18",
+    "@babel/preset-env": "^7.1.6",
-    "babel-preset-react": "^6.1.18",
+    "@babel/preset-react": "^7.0.0",
-    "redux-saga": "^1.0.2",
+    "@babel/preset-stage-1": "^7.0.0",
-    "webpack": "^1.12.9",
+    "babel-loader": "^8.0.6",
-    "webpack-cli": "^3.2.3"
+    "webpack": "^4.40.2",
+    "webpack-cli": "^3.3.9",
+    "webpack-dev-server": "3.8.1"
   },
   "dependencies": {
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-stage-1": "^6.1.18",
-    "dev-server": "^0.1.0",
     "react": "16.3.2",
-    "react-dom": ">=16.3.3",
+    "react-dom": "^16.9.0",
     "react-redux": "5.0.7",
+    "redux-saga": "^1.1.1",
     "redux": "4.0.0"
   }
 }

src/index.js

@@ -1,4 +1,4 @@
-import 'babel-polyfill';
+import '@babel/polyfill';
 import React from 'react';
 import { render } from 'react-dom';
 import { createStore, applyMiddleware, compose } from 'redux';

webpack.config.js

@@ -6,18 +6,18 @@ module.exports = {
     filename: 'bundle.js'
   },
   module: {
-    loaders: [
+    rules: [
       {
         exclude: /node_modules/,
-        loader: 'babel',
+        loader: 'babel-loader',
         query: {
-          presets: ['react', 'es2015', 'stage-1']
+          presets: ["@babel/preset-env", "@babel/react"]
         }
       }
     ]
   },
   resolve: {
-    extensions: ['', '.js', '.jsx']
+    extensions: ['.js', '.jsx']
   },
   devServer: {
     historyApiFallback: true,