Electron is used to design the desktop-based application which can be used for Linux, Windows, and macOS. You can utilize this framework to design desktop applications using the web technologies such as HTML, JavaScript, CSS as well as other frontend frameworks and Web Assembly. Make sure to give your project a fancy and memorable name, I will name my application electron-react-demo.Electron is a free and open-source framework that is developed and maintained by GitHub. Initialize your React app using npx as follows.

In my personal opinion, when building a React app with CRA, it is relatively easier to create desktop applications compared to when you are building the React project from scratch. create-react-app is a project generator for React application. This guide will use create-react-app to scaffold the application.

A basic understanding of React and how it works.To follow along comfortably with the following tutorial, you will need to have: Finally, create a demo desktop application using Electron and React.Configure Electron in the React.js app.

We will create a React.js app using Create-React-App.In this article, we will accomplish the following: Other options available include using React and other JavaScript frameworks. You can use HTML, CSS, and vanilla JavaScript to build Electron applications. Electron uses HTML/CSS and JavaScript traditionally. It uses web technologies wrapped around Node.js to come up with web technologies.įor a more detailed introduction to the whole Electron.js ecosystem, you can read this article. Every day, developers are coming up with easier to use options for creating desktop applications. The methods of creating desktop applications have come a long way.

Npm create electron app