Please notice that we need to install dev dependencies in the devDependencies section of our package.json file. Run the below command to create a React app: npx create-react-app -template typescript You can skip the steps to create our basic app and fetch it from here.
Let's create a basic and very common React application with react-router-dom and TypeScript. In this article, we will go through a small tutorial on how to integrate Electron into a React app. Also, we could proceed using our existing shortcuts listeners and basically, still consider our application to be a web application. We still could use HTML5 Notifications API to send notifications from the Renderer process. We wanted to get a desktop application without any changes to our existing codebase for the web application. mkdir AwesomeProjectĮnter the project details if you wish or skip.Build Cross Platform Desktop Apps using Electron.NET (Step by Step Tutorial) Why do we integrate Electron into our existing React app? Now direct to the folder and make a package.json inside it. 4.1 Initialize the projectįirst, create a project directory and a package.json file under it. Now let’s create a simple “Hello World” app using it. So we have installed the Electron package on our Ubuntu system.
Now we can install Electron globally on our system using NPM. But if we need to update it to the latest version, use the command below. Node Package Manager(NPM) is automatically installed with the installation of Nodejs. Install Node.jsĮlectron requires to have Nodejs(A JavaScript runtime) installed on our system.ġ6.2.0 is the current latest version and it can be installed by running the command below on our Terminal. So let’s look in to the steps to install Electron JS on Ubuntu operating system.
0 kommentar(er)
