O'Reilly logo

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React by Dmitry Sheiko

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the index.html

The first thing we usually take care of in the Electron application is the main process script that basically creates the application window. For this application, we do not introduce any new concepts about it, so we can reuse main.js of the Chat application.

The index.html will be very simple:

app/index.html<!DOCTYPE html><html lang="en">   <head>      <link rel="stylesheet" href="https://fonts.googleapis.com/icon?      family=Material+Icons">     <title>RSS Aggregator</title> </head>   <body>        <div id="root"></div>        <script src="./build/js/bundle.js"></script>  </body></html>

Basically, we load Google's Material Icons font and declare out the bounding element (div#root). Of course, we have to load the generated by the Webpack/TypeScipt ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required