Application Development with Electron: How and Why
summary
An Electron app built with React and TypeScript called Marmot demonstrates a working cross‑platform desktop tool (Windows .exe/.nupkg, mac dmg/zip with notarization, Linux deb/rpm) that the developer ships every 2–4 weeks; packaged releases are ~100 MB because they include the Chromium/Node runtime. Key pieces: scaffold with electron-forge, bundling and hot reload via webpack, editor UI using monaco editor, and a type-safe IPC scheme with preload/contextBridge. Packaging requires code signing, platform-specific makers, and a simple releases feed for auto‑updates.
AI-written summary · about
chapters (21)
- 0:00Start
- 0:15Developing Desktop Applications with Electron
- 0:29Elevator Pitch
- 1:03Why I Use Electron
- 2:11Why Would You Want To Use Electron To Develop Desktop Applications
- 3:17Downsides to Electron Apps
- 4:58Why I Made this Application with Electron
- 6:16Developer Tools
- 6:40Typescript To Develop a Desktop Application
- 9:57Cartex
- 11:21Monarch Editor
- 12:23First Electron Application
- 16:24React Component
- 18:04What Is Electron How Does It Work
- 24:08Application Menu
- 27:15Annotations Api
- 32:43Build Package and Publish
- 37:08Linux
- 38:29Mac Os
- 38:53Auto Update on Linux
- 41:49Recap
related talks
54mCross-Platform Desktop Apps with Electron
58mCross-Platform Desktop Apps with Electron
42mBuilding Desktop applications with Electron and React
39mBuilding Desktop Applications with Electron
01h 01mElectron - Writing desktop applications using web technologies
44mBuilding Desktop Apps with JavaScript
23mHow to Electron
48mGetting Started with Electron