Build cross-platform desktop apps with JavaScript, HTML, and CSS If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application. -- https://www.electronjs.org/
"Power of the Web" HTML and CSS Browser capabilities (animations, video, audio, ...) Auto-reload React, Vue, Angular, ... Developer tools and developer experience @dtanzer 8
My First Electron Application My First Electron Application My First Electron Application My First Electron Application My First Electron Application For a hardware company Visualization and optimization @dtanzer 15
Reloading the Application Reloading the Application Reloading the Application Reloading the Application Reloading the Application Webpack: Reloads automatically Otherwise: type "rs" @dtanzer 24
Main and Renderer Processes Main and Renderer Processes Main and Renderer Processes Main and Renderer Processes Main and Renderer Processes main process renderer processes @dtanzer 27
Application Menu Application Menu Application Menu Application Menu Application Menu Menu.setApplicationMenu(buildApplicationMenu()) export function buildApplicationMenu(): Menu {
IPC IPC IPC IPC IPC ipcMain IPC-Object, used in the main process ipcRenderer IPC-Object, used in the renderer processes import { ipcRenderer } from "electron";
How I do IPC How I do IPC How I do IPC How I do IPC How I do IPC Two type-safe helper classes Data Types shared by main and renderer processes Other IPC-Code split into main.ts and renderer.ts @dtanzer 36
Building / Publishing Building / Publishing Building / Publishing Building / Publishing Building / Publishing With tools / scripts from electron-forge Configured in package.json @dtanzer 47
Mac: "Squirrel Server" Mac: "Squirrel Server" Mac: "Squirrel Server" Mac: "Squirrel Server" Mac: "Squirrel Server" Run the squirrel server from GitHup or write your own: