Dependencies update

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["env", "react"]
+}

README.md

@@ -60,7 +60,7 @@ $ npm start
 
         ├── index.html                  # This HTML only uses build/ folder's files
 
-    ├── main_process.js                 # Electron's main process. Whole app is launched from here
+    ├── electronConfig.js               # Electron's configuration. Whole app is launched from here
     ├── package.json
     ├── webpack.config.js               # Webpack 4 setup
 ```

app/build/bundle.css

@@ -3,19 +3,19 @@
  * Use classes instead of ids
  */
 
-._1WcHgGtKrxqKCsGYj62eVK {
+._1S2e0v-Hsq59CJKiB9h-4C {
     height: 100px;
 }
 /*
  * Every class name will be hashed so it can be used their own component scoped
  * Use classes instead of ids
  */
 
-.sFVP9dDAE84wfL1CUC_NG {
+._29aw_R5k2KsQVSNBJTu7U5 {
     color: var(--primary-color);    /* Using global constants example */
 }
 
-._1FRk9e-PmvCebL7xwPN-Hf {                 /* Composition example */
+._uvxNHFF_5yCj0xAzeYli {                 /* Composition example */
     text-decoration: none;
 }
 /*

electronConfig.js

@@ -0,0 +1,13 @@
+// Basic init
+const { app, BrowserWindow } = require('electron');
+
+// Let electron reloads by itself when webpack watches changes in ./app/
+require('electron-reload')(__dirname);
+
+// To avoid being garbage collected
+let mainWindow;
+
+app.on('ready', () => {
+    mainWindow = new BrowserWindow({width: 800, height: 600});
+    mainWindow.loadURL(`file://${__dirname}/app/index.html`);
+});

package.json

@@ -2,30 +2,31 @@
   "name": "electron-react-webpack",
   "version": "1.0.0",
   "description": "Electron + React 16 + Webpack 4 template.",
-  "main": "main_process.js",
+  "main": "electronConfig.js",
   "scripts": {
+    "start": "npm-run-all --parallel bundle serve",
     "bundle": "webpack --mode development",
-    "serve": "electron .",
-    "start": "npm-run-all --parallel bundle serve"
+    "serve": "electron ."
   },
   "author": "J. Renato Ramos González <[email protected]>",
   "repository": "pastahito/electron-react-webpack",
   "license": "WTFPL",
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.4",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
+    "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
-    "css-loader": "^0.28.10",
-    "electron": "^1.8.2",
-    "electron-reload": "^1.2.2",
+    "css-loader": "^1.0.0",
+    "electron": "^3.0.2",
+    "electron-reload": "^1.2.5",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
-    "file-loader": "^1.1.10",
-    "npm-run-all": "^4.1.2",
-    "webpack": "^4.1.1",
-    "webpack-cli": "^2.0.11"
+    "file-loader": "^2.0.0",
+    "npm-run-all": "^4.1.3",
+    "webpack": "^4.20.2",
+    "webpack-cli": "^3.1.2"
   },
   "dependencies": {
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0"
+    "react": "^16.5.2",
+    "react-dom": "^16.5.2"
   }
 }

webpack.config.js

@@ -1,27 +1,20 @@
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 module.exports = {
-
     watch: true,
-
     target: 'electron-renderer',
-
     entry: './app/src/renderer_process.js',
-
     output: {
         path: __dirname + '/app/build',
         publicPath: 'build/',
         filename: 'bundle.js'
     },
-
     module: {
         rules: [
             {
                 test: /\.jsx?$/,
                 loader: 'babel-loader',
-                options: {
-                    presets: ['react']
-                }
+                exclude: /node_modules/
             },
             {
                 test: /\.css$/,
@@ -53,5 +46,4 @@ module.exports = {
     resolve: {
       extensions: ['.js', '.json', '.jsx']
     }
-
-}
+};