Next, you’ll use your CLI to navigate to your newly created folder and initialize your project as an npm package. įirst, create a folder in your directory( electron-project). You can find resources to learn some of these terminologies at this website. Knowledge of desktop software terminologies - Understanding common desktop terms like menu bar, tray, window, icon, title bar, and taskbar is crucial.

Front-end libraries - Proficiency in using HTML, CSS, JavaScript, and other front-end libraries is necessary for crafting your desktop user interfaces.

You can read more about Git and GitHub from their respective websites. They enable collaboration and code sharing with others.

Git and GitHub - While not mandatory, Git and GitHub are invaluable tools for code management and version tracking.

If you don’t have Node.js installed, you can get it from the official Node.js website.

Additionally, you should be acquainted with common operations in Node.js, such as require(), callback functions, events, and modules.

Node.js and npm - Having Node.js and npm installed on your computer is crucial, as they are required for Electron and its library installations.

JavaScript - A basic understanding of JavaScript is necessary since this language will be utilized for building your desktop app.

Prerequisitesīefore delving into this tutorial, it’s essential to familiarize yourself with a set of technologies, which includes: Its credibility is well-established, as it finds application in renowned companies for building their products, such as Slack, Microsoft Teams, VS Code, WordPress desktop, and Twitch, among others.

Furthermore, Electron provides an array of functionalities that streamline the desktop app development process efficiently. It supports an array of front-end technologies, including HTML, CSS, JavaScript, TypeScript, React, Bootstrap, Angular, Webpack, and many others. An advantage of Electron is its flexibility in allowing developers to utilize their preferred front-end libraries to construct the UI of desktop apps. The framework employs Chromium for UI rendering and harnesses the power of Node.js in the backend to facilitate seamless integration with other libraries. It is a robust tool for constructing versatile desktop applications that seamlessly operate across multiple platforms, including Windows, Mac, and Linux. Monitor your users's top frustrations with OpenReplay.Įlectron, an immensely popular open-source library, enjoys extensive usage, boasting more than 650k weekly downloads on npm and an impressive 100k stars on GitHub.

Free instal Electron 25.3.2