How to Electron

on YouTube ↗23m

" summary

Shows how Electron builds real desktop apps with HTML/JS by splitting a Node-based main process that spawns Chrome-like renderer windows, and using a double package.json to separate dev vs production deps so packaged apps stay small (example boilerplate drops to ~20MB). Demonstrates concrete APIs: file dialogs, IPC for renderer↔main messaging, global shortcuts, tray/menu, clipboard, and auto-update workflows with GH releases plus electron-builder/electron-packager; examples include Slack, Atom, Motron and the Electron API Demos.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to Electron
2. 2:09History of Electron
3. 3:29Core architecture
4. 7:34Code implementation
5. 10:15Key Electron APIs
6. 16:22Essential packages
7. 18:40Boilerplates and conclusion

" related talks

• 58mCross-Platform Desktop Apps with ElectronDavid Neal · NDC Minnesota 2018
• 48mGetting Started with ElectronBrendan Forster · NDC Oslo 2017
• 54mCross-Platform Desktop Apps with ElectronDavid Neal · NDC Sydney 2018
• 01h 01mElectron - Writing desktop applications using web technologiesCristian Prieto, Mahesh Krishnan · NDC Sydney 2016
• 39mBuilding Desktop Applications with ElectronCatalin Fratila · Jfokus 2018
• 17mBuild Your Next App with ElectronJeremy Apthorp · Techsylvania 2018
• 21mBuilding Cross Platform Desktop App using Web Technologies with ElectronRahul Rout · JSFoo 2015
• 25mElectron: Desktop Apps with JavaScriptFelix Rieseberg · Node+JS Interactive 2019