Getting Started with Electron

on YouTube ↗48m

" summary

Shows a real workflow: initializes package.json, creates an index.js main process that spawns a 400x400 BrowserWindow and a renderer HTML/JS, opens Chrome DevTools and reads process.versions, adds a system tray with context menu, uses Electron Forge to scaffold, run and bundle, and produces installer artifacts (including Squirrel.Windows outputs) via npm run make. Demonstrates TypeScript+React app used by GitHub Desktop, hot module reload, shipping source maps for stack traces, and auto-update flow pointing at an HTTP release server.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 3:19What Does Electron Give Me?
3. 33:40electron-forge
4. 36:07follow OS conventions
5. 37:46debugging
6. 39:11integrate with the OS where appropriate
7. 40:16native modules

" related talks

• 23mHow to ElectronBlaine Schmeisser · NodePDX 2016
• 01h 01mElectron - Writing desktop applications using web technologiesCristian Prieto, Mahesh Krishnan · NDC Sydney 2016
• 44mApplication Development with Electron: How and WhyDavid Tanzer · Voxxed Days Zürich 2022
• 54mCross-Platform Desktop Apps with ElectronDavid Neal · NDC Sydney 2018
• 58mCross-Platform Desktop Apps with ElectronDavid Neal · NDC Minnesota 2018
• 25mSpinning up an Electron App - Desktop Apps in JavaScriptKatrina Uychaco · JSConf Iceland 2016
• 44mBuilding Desktop Apps with JavaScriptJ.D. Hillen · Connect.Tech 2024
• 22mBuilding Desktop Applications with Node and ElectronSteve Kinney · EmpireNode 2015