Chapter 1. Introducing Electron and NW.js
Figure 1.1. WebTorrent by Feross Aboukhadijeh
Figure 1.2. Design for the Hello World app we’ll build
Figure 1.3. The Hello World app running on Mac OS. This screenshot of the app is almost identical to the design, the only difference being size dimensions.
Figure 1.4. The Hello World app running on openSUSE 13.2. It looks fairly identical to the Mac OS variant of the app, although the window title bar looks different, the color profiling is slightly different, and the font rendering is noticeably different.
Figure 1.5. The Hello World app running on Windows 10. The app looks almost identical to the app running on openSUSE Linux (minus the app window and a slight difference in font rendering).
Figure 1.6. The difference between a web app and an NW.js desktop app. The separation between front-end and back-end code in an NW.js desktop is blurred, as the JavaScript context is shared between both parts of the code.
Figure 1.7. The nw-builder tool can build native executables of an NW.js app for both 32-bit and 64-bit versions of Mac OS and Windows.
Figure 1.8. The Hello World example app running with Electron on Mac OS. It looks almost identical to the NW.js equivalent, except the window dimensions are different.
Figure 1.9. The Hello World example app running with Electron on OpenSUSE Linux. Notice how the app displays a menu bar with some menu items by default.