Create a "Hello World" app using Electron

Share this video with your friends

Send Tweet

Take the first step in learning how to create native desktop applications with Electron. We'll set up a package.json, create an npm start script to launch our app in development, and create a browser window and load a local HTML file into it.

An important concept to understand about Electron is it's multi-process architecture. The main process creates web pages by creating BrowserWindow instances, manages application lifecycle events, and more. Each BrowserWindow instance runs the web page in its own renderer process.

Prasad Parab
Prasad Parab
~ 7 years ago

Hi, I am new in javascript development. It would be great if anyone can help me to understand 1st line of code.

const { app, BrowserWindow } = require('electron');

Thanks in advance.

Fisker Karma
Fisker Karma
~ 7 years ago

Hi @Cameron! I am very keen on practicing this tutorial but I am unable to install electron in my computer!! I see this ELIFECYCLE error. I saw this thread: https://github.com/electron-userland/electron-prebuilt/issues/242, which talks about it but nothing is helping me solve my problem really. I am trying on node version 8.2.1 on a mac (high sierra). Could you please advise? I just want to be able to work on electron.