Building Desktop applications with Electron and React
summary
Shows converting a React web app into a working desktop app by adding one library and two files and a tiny sync script so the Electron main and renderer processes start together (avoids a blank window). Demonstrates using IPC event bus to ask the main process for OS data, using electron-updater for automatic updates and electron-rebuild for native modules. Notes tradeoffs: Chromium ships in the bundle (~20 million LOC), so distribution size and memory use are significantly larger than native apps, but the produced app runs cross‑platform (macOS/Windows/Linux).
AI-written summary · about
chapters (8)
- 0:00Introduction to Electron
- 2:05Web vs. Desktop apps
- 3:37Electron architecture
- 7:28IPC communication
- 13:39Building a react app
- 19:52Packaging and distribution
- 23:50Drawbacks and challenges
- 28:30Questions and answers
related talks
44mApplication Development with Electron: How and Why
30mNative Web Apps: React, JS & WebAssembly to rewrite native apps
27mNative Web Apps: React and WebAssembly to Rewrite Native Apps
33mBeyond Web-Apps React, Javascript and WebAssembly to Port Legacy Native Apps
24mSupercharging your React Native app for Windows
34mBuilding React From Scratch
59mOne Codebase to Rule Them All - Using React Native Everywhere
30mBeyond Web-Apps: React, JavaScript and WebAssembly To Port Legacy Native Apps