Simply put, Electron.js is an open-source framework that enables developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. Project Requirements Get to Know Electron.js Makes use of Electron.js APIs to access features that are not available in the browser API.

Communicates between the Main and the Renderer processes.Is built from the ground up with web technologies.In this tutorial, you will learn what Electron.js is all about and how you can use it to power your next amazing idea.Īt the end of this tutorial, you will have developed a desktop application that: With these powerful companies adopting Electron.js over native desktop software development methods, Electron.js has established itself as a trustworthy framework for developing desktop applications. app.whenReady().Slack - (almost) the defacto team collaboration software, Visual Studio Code - one of the most popular code editors on the market at the time of writing, and the desktop version of WhatsApp all have one thing in common: they were all built with Electron.js. This will create the application window for your app. When the app is ready, call the createWindow() function.Win.loadFile( 'dist/electron-app/index.html') In this file, initialize Electron so that you can use it to create the application window. Create a file in the root of your project named main.js.How to Use Electron to Open an Angular Application in a Desktop WindowĬreate the main.js file, and configure it to open the application's content inside a desktop window.

Electron create installer