Don’t be scared of Electron

Introduction

Imagine being able to write a desktop application using HTML, CSS, and JavaScript. Well, nowadays this is realistic — if you use the Electron framework.

Figure 1 — The old calculator

DIY

Step 1 — initialize an empty node project:

$ npm init
$ npm install electron — save-dev
$ npm start
Figure 2 — Electron app
$ npm install electron-builder — save-dev
$ npm run dist
  • and AWS_ACCESS_KEY_ID
$ npm run publish

A simpler way

Source: https://giphy.com/gifs/anchorman-really-ron-burgundy-5fBH6zf7l8bxukYh74Q
$ npx create-electron-app
$ yarn start
$ yarn add @electron-forge/publisher-s3
$ yarn run publish

So which is better?

Source: https://giphy.com/gifs/idk-shrug-i-dont-know-9w3w4eP5ZUgiQ

In conclusion

In this article, we showed how one of our Intspirit engineers went about learning the ways of a new framework. Now, you too have the knowledge needed to do the same yourself or even write your own Electron-based desktop application.

Materials

The following resources will be useful to digest this article even better:

  1. https://www.electron.build/
  2. https://www.electronforge.io/

High-level software engineers for powerful web solutions https://intspirit.com/