

It’s responsible for rendering the app’s UI and runs in every opened window. So while the main process is like your web app’s backend, the renderer process is more like its frontend. It also controls the app’s lifecycle and manages its windows using Electron-provided APIs.

The main process acts as an entry point for the app, with access to Node.js APIs and modules (including native ones). How Does Electron Work?Ī basic Electron app consists of two processes. You can follow along with this GitHub repo. You’ll create a simple to-do app with native functionality to save and restore its state from a JSON file. In this article, you’ll learn how to integrate AG Grid-an advanced and performant JavaScript grid library-into your Electron app. If you already know how to develop frontend web apps and Node.js backends, you’ll feel right at home with Electron as it basically combines those two into a single app. With Electron, you can reuse both your knowledge and codebase across the web and all desktop platforms. It’s built on top of Node.js and the Chromium browser, allowing you to use all of the latest features and improvements from the browser and JavaScript language.Įlectron enables you to create the best user experience while taking care of all the complex parts of making a native app.

This post contributed to the AG Grid blog by Arek NawoĮlectron is a cross-platform framework for building native desktop applications with web technologies.
