I'd recommend building your packages on your target platform, but if you have to run this on Mac OS X or Linux, you will need to install mono and wine through your package manager. Gotta give credit where credit is due, ya know. This tool relies on the awesome Squirrel.Windows framework written by It takes care of creating the actual package, signing it, dealing with updates, and many more things. Make sure to give your project a fancy and memorable name, I will name my application electron-react-demo.> Create a Windows package for your Electron app. 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.

Electron download windows