Building Desktop Apps with JavaScript
summary
Demonstrates turning a Vue site into a desktop app using Electron and Electron Forge with preload.js, main.js and IPC, producing a minimal packaged executable that measures Electron: 234 MB because Chromium is bundled; contrasts with a Rust-backed Tauri build that uses the OS webview and outputs Tauri: 6.1 MB. Requires Node 18.5+ (and Xcode/Rust for Tauri). Covers DevTools, testing (Spectron/Cypress/Playwright), native APIs, and shipping touchscreen installations that run offline.
AI-written summary · about
chapters (24)
- 0:00Introduction and speaker intro
- 1:51What is Electron.js
- 3:35History of Electron.js
- 4:57Main and renderer processes
- 7:07Pros of building desktop apps
- 10:37Cons of Electron apps
- 12:23Popular Electron apps
- 13:27Requirements for Electron
- 13:48Turning a web app into desktop
- 16:16Electron Forge introduction
- 18:41File size comparison
- 19:22Customizing Electron apps
- 20:24Introducing Tauri
- 21:48Setting up Tauri
- 22:11Tauri platform support
- 22:57Building with Tauri
- 23:18Tauri file size advantage
- 24:45Post-build steps
- 25:06Performance optimization
- 26:30Testing and debugging
- 27:59Security best practices
- 31:11Use cases for Electron
- 32:58Summary and key benefits
- 35:03Q&A session
related talks
25mElectron: Desktop Apps with JavaScript
58mCross-Platform Desktop Apps with Electron
23mHow to Electron
44mApplication Development with Electron: How and Why
39mBuilding Desktop Applications with Electron
01h 01mElectron - Writing desktop applications using web technologies
54mCross-Platform Desktop Apps with Electron
48mGetting Started with Electron