Converting our React application into a desktop application
Converting our React application into a desktop application is not complex. We are going to use the Electron framework to do so. Electron is a powerful framework that converts our JavaScript, HTML, and CSS application into a desktop application that is compiled across platforms for macOS, Linux, and Windows. The Electron framework can also give us access to the computer’s components via an API such as encrypted storage, notifications, power monitor, message ports, processes, shell, system preferences, and much more. Desktop applications such as Slack, Visual Studio Code, Twitch, Microsoft Teams, and many more are built into Electron. To convert our React application, we must start by updating the package.json
file. First, we must update our metadata at the top of our package.json
file with the following code:
{ "name": "front_end", "version": "0.1.0"...