Electron 16.0 was released on November 17, adopting an eight‑week release cycle, ending support for older versions, introducing experimental WebHID API, deprecating certain renderer APIs, and updating core components to Chromium 96, V8 9.6, and Node.js 16.9.1, with download instructions provided.
This guide walks you through the fundamentals of Electron, explaining what it is, its capabilities, how to set up a project, create windows, manage lifecycle events, implement preload scripts, and establish robust inter‑process communication (IPC) between the main and renderer processes with practical code examples.
This article provides a comprehensive tutorial on developing cross‑platform desktop applications with Electron, covering environment preparation, installation of Node, Vue‑CLI and Electron, creating and running a sample project, and detailed explanations of the source code and directory structures.
This article provides a comprehensive guide to Electron development, covering its cross‑platform architecture, environment preparation, installation commands, project initialization with both the quick‑start template and vue‑cli, and detailed explanations of the source and application directory structures.
This roundup covers the Electron 14.0.0 release with new eight‑week cadence and expanded support, StackBlitz's quick Nuxt.js creation, notable open‑source libraries like react‑native‑elements and 7guis‑React‑TypeScript‑MobX, plus deep dives into NestJS practices, React Native's new architecture, Recoil state management, and a comparison of Object versus Map in JavaScript.
This article summarizes the CovalenceConf 2019 talk on VS Code’s startup performance, detailing measurement practices, code‑size reductions, lifecycle re‑ordering, V8 code caching, requestIdleCallback usage, and perceived‑performance tricks that together shrink launch time from seconds to under one second.
This article summarizes the key techniques presented at CovalenceConf 2019 for optimizing Visual Studio Code's startup performance, covering measurement, bundling, V8 code caching, lifecycle phase ordering, requestIdleCallback, and perceived‑performance tricks that together reduce launch time to under one second.
This article reviews the latest Electron 12 and 13 releases, highlighting new BrowserWindow options, session storage paths, moved APIs, Node.js promise‑based file system methods, V8 enhancements, contextBridge isolation, webFrameMain, menu sharing, async trash handling, spellcheck updates, net module additions, and breaking changes such as the removal of the Remote module and Flash support.
This guide walks you through the reasons for choosing Electron over browser‑based solutions, details the environment setup, installation steps, project initialization, core source‑code structure, main‑renderer architecture, and showcases complete example applications built with Electron‑Vue.
This article explains how to protect Electron desktop applications from unpacking, tampering, and repackaging by comparing common obfuscation methods, introducing V8 bytecode compilation, embedding it in a Rust‑based Node Addon using N‑API, and detailing the build process, performance impact, and limitations.
This article provides a comprehensive tutorial on building cross‑platform desktop applications with Electron, covering environment preparation, installation of Node, Vue‑CLI and Electron, project creation, directory layout, main and renderer processes, and detailed examples such as a NetEase Cloud Music client and a QQ Music player.
Atom is a free, open‑source, cross‑platform text and code editor built on Electron that supports plugins written in Node.js, includes built‑in Git integration, and has recently received numerous updates to its core, GitHub package, and various dependencies.
This article chronicles the evolution of Taro IDE—from a cross‑platform mini‑program framework to an integrated development environment built on Electron and Theia—detailing its architecture, debugging tools, user‑feedback lessons, and the transition toward the Tide IDE framework for scalable frontend engineering.
This article provides a step‑by‑step tutorial on installing Node, vue‑cli, and Electron, explains the Electron source and project directory layouts, describes the main and renderer processes, and showcases two complete Electron‑Vue sample applications with full command‑line instructions.
This article provides a step‑by‑step tutorial on installing Node, Vue‑CLI, and Electron, creating and running Electron projects, explaining the source directory layout, main and renderer processes, and showcasing real‑world examples such as a cloud music player and a QQ music client.
This article explains how to build cross‑platform desktop applications using Electron, covering its Chromium‑Node.js architecture, the transition from CLI to GUI, practical workflow automation, update mechanisms, and comparisons with alternatives, illustrated with code examples and real‑world use cases.
This article provides a comprehensive tutorial on building cross‑platform desktop applications with Electron, covering environment preparation, installation of Node, Vue‑CLI and Electron, project creation, directory structures, main‑renderer architecture, and practical examples such as a cloud music player and a QQ music client.
Electron has officially graduated from the OpenJS Foundation’s incubation phase to become an Impact project, highlighting its maturity, broad industry support, and the foundation’s role in fostering collaborative, neutral development of this cross‑platform desktop framework.
This article explains how VS Code’s complex Electron‑Node architecture handles internationalization by using a custom NLS system, language‑pack plugins, compile‑time AST analysis, and a specialized AMD loader to map source‑code calls to localized strings at runtime.
The weekly digest highlights key findings from the 2020 Stack Overflow survey, performance tips for Google Fonts, an early look at JavaScript Records and Tuples, Svelte‑based Web Component creation, AI‑driven animation research, AR search innovations, and the major improvements introduced in Electron 9.0.0.
This article outlines how to create a cross‑platform desktop IDE using Electron, covering its architecture, development workflow with React‑TypeScript, code examples, performance and size optimizations, and future plans for modularizing core capabilities.
This guide walks you through the rationale for desktop (C/S) apps, introduces Electron, details environment setup, project scaffolding, source structure, main and renderer processes, and showcases complete example applications built with Electron‑Vue.
This article provides a step‑by‑step tutorial on installing Node, configuring npm mirrors, installing Vue‑CLI and Electron, creating a sample project via the official quick‑start repository or vue‑cli template, and explains the key directory structures and main‑renderer process architecture of Electron applications.
In a closed-door Frontend Technology Exchange, YouZan and Meicai teams shared practices ranging from YouZan Retail’s cross-platform receipt printing and Electron-based desktop cashier client to Meicai’s ReactNative CRM architecture, RAD rapid project scaffolding, and open-source component library development, sparking cross-team insights and collaboration.
This article chronicles the evolution of Alibaba's Iceworks from a material‑based GUI desktop client to a web‑based IDE, detailing product decisions, technical architectures, data‑driven improvements, and the challenges of reducing technical debt while enhancing developer productivity.
A roundup of recent tech developments covering GitLab's hiring restrictions on Chinese staff, Huawei's massive R&D investment, the D language 2.089.0 release, Visual Studio Online launch, Ant Design and Electron updates, Edge Chromium preview, Tencent's facial payment initiative, and notable corporate moves by Microsoft Japan, Samsung, and others.
This article walks through creating a GUI‑based JSON editor for the Social Cube platform using Electron, covering environment setup, dual webpack configurations, IPC communication, data persistence with Dexie, real‑time file syncing, context menus, logging, packaging with electron‑builder, and update handling, all illustrated with code snippets.
Electron 6.0.0 introduces updated Chromium 76, Node.js 12.4.0, V8 7.6, extensive Promise‑based API enhancements, new helper app signing requirements, deprecation of the 3.x.y line, and outlines future release plans, providing developers with the latest JavaScript features, performance improvements, and security fixes.
Electron 6.0, the newest stable release, brings Chromium 76, Node.js 12.4, V8 7.6, enhanced Promise support, async dialog APIs, new shell.showItemInFolder, and numerous API improvements such as excludedFromShownWindowsMenu, all_frames support, Linux preview, Touch ID, and more, all installable via npm.
This article details how a team of web developers chose Electron to create a cross‑platform PC client for the teaching tool "Classroom Optimization Master", describing the technology stack, successive architectural evolutions, performance improvements, and lessons learned about modular design and hot updates.
This article explains how to create a cross‑platform desktop client for uploading local resources to S3‑backed CDN using Electron, Vue, and lowdb, covering UI design, project structure, main‑renderer process communication, persistent storage, command‑line integration, packaging, and update handling.
This article introduces Electron, explains its architecture, development workflow, performance and security considerations, and demonstrates its practical use in the NFES DevTools platform, providing guidance for developers who want to build cross‑platform desktop applications with web technologies.
The article explains how Google’s refusal to grant DRM licensing to the open‑source Electron‑based Metastream browser highlights the challenges faced by small browsers in obtaining Widevine support, forcing developers to consider abandoning desktop versions or becoming limited extensions.
This article details the design and implementation of Code Sketch, an offline-capable desktop code editor built with Electron and React, covering requirements, UI design, technical choices, logging console, command palette, build process, and cross-platform deployment.
This article introduces Electron Fiddle, explains how to install and run it, and demonstrates its key features such as template creation, code sharing via GitHub Gist, Monaco editor integration, and packaging apps for Windows, macOS, and Linux.
This article explains step‑by‑step how to package an Electron application using electron‑builder and electron‑packager, analyzes the resulting file sizes and project structure, and dives into the core source code of electron‑builder to reveal how the packaging process creates the final executable and asar archives.
This article explains the two inter‑process communication methods in Electron, demonstrates why the remote module behaves like a reference rather than a copy, and reveals its internal implementation that mirrors Java RMI by wrapping objects and functions as remote proxies using synchronous IPC messages.
This article explains how Electron lets web developers create cross‑platform desktop applications with familiar JavaScript and Node.js, compares it to NW.js, outlines learning stages, offers documentation tips, and provides guidance on selecting and extending useful demo projects.
This tutorial walks through a complete, automated workflow for turning an Electron project into installable Windows .exe/.msi and macOS .dmg packages, covering directory structure, configuration, building, code signing, installer creation, and release steps using Gulp and related tools.
This article introduces Electron and the Nightmare framework, explains how to install and use Nightmare for web automation and crawling, and provides a complete example of scraping Zhihu topic data with JavaScript, Node.js, and Cheerio, including code snippets and JSON output.
This week’s tech roundup covers GitHub’s shift to Electron for cross‑platform desktop clients, Tencent’s AI‑powered location services, Facebook’s open‑source ParlAI dialogue framework, Microsoft’s AR glasses prototype, Google Lens advancements, FDA‑approved medical VR, Apache Beam’s first stable release, Amazon DAX preview, and MapD’s open‑source GPU database.
This tutorial introduces Electron, the Chromium‑Node.js framework for building cross‑platform desktop apps with HTML, CSS and JavaScript, walks through a simple “Hello World” project, explains its main and renderer processes, key modules such as IPC, remote and webview, and shows how to package the app for Windows and macOS.
This article introduces Electron, the open‑source framework that lets you create cross‑platform desktop applications using JavaScript, HTML, and CSS, showcases popular apps built with it, and provides a step‑by‑step hello‑world example with code and setup instructions.
