Overview

The Electron-React-JavaScript-Boilerplate is a template that allows developers to create extensible Electron applications using the React frontend framework. It leverages webpack to transpile the code and enables the use of the latest ECMAScript standards. The template is designed to be minimal, reducing the overhead required for customization. It comes with minimal pages that need to be modified, saving time for developers.

Features

• Extensible Electron applications using React frontend framework.
• Transpilation of code by webpack, supporting latest ECMAScript standards.
• Minimal design for customization, reducing unused code.
• Minimal pages that need to be modified, saving time to production.

Installation

To install the Electron-React-JavaScript-Boilerplate, follow these steps:

1. Run the command npm install to install all the required node modules and dependencies for the project.

Development Commands

The following commands enable a smooth development environment with hot reloading of the application on any frontend changes. However, the application will not hot reload on Electron changes.

• webpack-dev: Compiles a development version of all applicable files (main & renderer).
• react-dev: Launches a live webpack development server on port 3000.
• electron-dev: Launches Electron and connects to port 3000.

Note: The react-dev command must be run prior to electron-dev to connect to the local server. In development mode, Chrome Developer Tools can be opened via Ctrl+Shift+I.

Production Commands

The following commands compile the application for win32 platform machines.

• webpack-prod: Compiles a production version of all applicable files (main & renderer).
• build-win: Compiles the production files to a Windows executable.

In production mode, Chrome Developer Tools are disabled.

Summary

The Electron-React-JavaScript-Boilerplate is a valuable template for developers looking to create Electron applications using the React frontend framework. It provides a minimal and customizable starting point, allowing for quick development while following the latest ECMAScript standards. The template’s development and production commands streamline the build process and enable efficient deployment.