Electron (原名 Atom Shell) 是一個由程釗創建，現由 GitHub 開發的開源框架。 它允許使用最初為 Web 應用程式開發的前端和後端組件來開發桌面 GUI 應用程式：後端的 Node.js 運行時環境和前端的 Chromium。 Electron 是多個著名的開源專案背後的主要 GUI 框架，包括 GitHub 的 Atom 和 Microsoft 的 Visual Studio Code 原始碼編輯器、Tidal 音樂串流服務桌面應用程式和 Light Table IDE，以及 Discord 聊天服務的免費桌面客戶端。

每個 Electron 應用程式都有兩個執行緒：一個是主執行緒（處理應用程式視窗和啟動），另一個是渲染器執行緒（基本上是您的 UI Web 程式碼）。還有一個預載腳本來橋接這兩個「世界」。

Renderer Thread

Electron 使用 Chromium 在稱為渲染進程的單獨進程中顯示網頁。此執行緒處理 /src 資料夾中的 UI 程式碼。您將無法在此處使用 Node.js 的強大功能，但預載腳本將允許您使用 Node.js 橋接 UI。

Main Thread

在 Electron 中，運行 package.json 的主腳本的進程稱為主進程。這是主進程中運行的腳本，可以通過初始化渲染器執行緒來顯示 GUI。此執行緒處理 /src-electron/electron-main.[js|ts] 中的程式碼。

Preload Script

預載腳本 (/src-electron/electron-preload.[js|ts]) 是一種通過在渲染器執行緒和 UI 之間使用橋接器將 Node.js stuff 注入到渲染器執行緒中的方法。您可以公開 API，然後可以從 UI 中調用這些 API。