Dependencies update

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 120

.gitignore

@@ -1,40 +1,5 @@
-#
-*-lock.json
+node_modules/
+dist/
+.idea/
 
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules
-jspm_packages
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
+.DS_Store

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Vladislav Tupikin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,5 +1,9 @@
-# electron-react-webpack
-Try this Electron & React 16 & Webpack 4 template for a quick development and prototyping.
+# Electron React Webpack template
+
+[![dependencies Status](https://david-dm.org/MrRefactoring/electron-react-webpack/status.svg?style=flat-square)](https://david-dm.org/MrRefactoring/electron-react-webpack)
+[![devDependencies Status](https://david-dm.org/MrRefactoring/electron-react-webpack/dev-status.svg?style=flat-square)](https://david-dm.org/MrRefactoring/electron-react-webpack?type=dev)
+
+Try this Electron 15 & React 17 & Webpack 5 template for a quick development and prototyping.
 
 ![w10 sample](https://user-images.githubusercontent.com/11739632/37350993-59ad48d4-26da-11e8-9ac5-d3539cf1e2f9.PNG)
 
@@ -48,21 +52,21 @@ $ npm start
 
             ├── components/             # React Components
                 ├── Link/               # To keep them modularized follow this structure:
-                    ├── index.jsx       # Your component's React code
+                    ├── index.ts       # Your component's React code
                     ├── styles.css      # Your component's scoped CSS
                 ├── Logo/
-                    ├── index.jsx
+                    ├── index.ts
                     ├── styles.css
 
-            ├── App.jsx                 # React main component where everything is tied up
-            ├── renderer_process.js     # Electron's renderer-process, where you React app is called.
+            ├── app.tsx                 # React main component where everything is tied up
+            ├── rendererProcess.tsx     # Electron's renderer-process, where you React app is called.
             ├── global.css              # Global CSS and global constants go here
 
         ├── index.html                  # This HTML only uses build/ folder's files
 
-    ├── main_process.js                 # Electron's main process. Whole app is launched from here
+    ├── main.js                         # Electron's configuration. Whole app is launched from here
     ├── package.json
-    ├── webpack.config.js               # Webpack 4 setup
+    ├── webpack.config.ts               # Webpack 4 setup
 ```
 
 ## Related

main.js

@@ -0,0 +1,16 @@
+const { app, BrowserWindow } = require('electron');
+
+require('electron-reload')(__dirname);
+
+let mainWindow;
+
+app.on('ready', () => {
+    mainWindow = new BrowserWindow({
+        width: 800,
+        height: 600,
+        webPreferences: {
+            nodeIntegration: true
+        }
+    });
+    mainWindow.loadURL(`file://${__dirname}/src/index.html`);
+});