BestHub
Sign in
Tagged articles
148 articles
Page 2 of 2
Baidu Geek Talk
Baidu Geek Talk
Jan 10, 2022 · Frontend Development

How to Build Cross‑Platform PC Clients with Electron: A Practical Guide

This article walks through the rapid development of a PC client for the Wenku platform using Electron, covering technology selection, framework fundamentals, multi‑process architecture, Chromium‑Node integration, practical implementation details such as window management, code injection for fast iteration, and debugging versus release workflows.

Desktop DevelopmentElectroncross-platform
0 likes · 8 min read
How to Build Cross‑Platform PC Clients with Electron: A Practical Guide
Youku Technology
Youku Technology
Dec 7, 2021 · Frontend Development

Youku Desktop Client Migration to Electron: Window Fusion and Native Integration Practice

Youku migrated native desktop clients to Electron for cross‑platform development, using Window Fusion to embed a native video decoder via native window handles, Node‑Addon‑API for JS‑C++ interaction, noting slightly higher CPU/memory usage but gaining npm package management, auto‑update, and easier maintenance.

ChromiumCross‑platform developmentDesktop application
0 likes · 7 min read
Youku Desktop Client Migration to Electron: Window Fusion and Native Integration Practice
macrozheng
macrozheng
Nov 19, 2021 · Databases

Discover chiner: A Modern Open‑Source Database Design Tool

This article introduces chiner, an open‑source, cross‑platform database design tool built with React, Electron, and Java, compares it with PowerDesigner, walks through installation, core concepts, table and relationship management, and shows import/export capabilities for efficient schema development.

ElectronReActSQL
0 likes · 8 min read
Discover chiner: A Modern Open‑Source Database Design Tool
21CTO
21CTO
Nov 18, 2021 · Frontend Development

What’s New in Electron 16.0? Features, Lifecycle Changes, and Upgrade Guide

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.

ChromiumDesktopAppElectron
0 likes · 4 min read
What’s New in Electron 16.0? Features, Lifecycle Changes, and Upgrade Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Oct 18, 2021 · Frontend Development

Mastering Electron IPC: From Hello World to Secure Desktop Apps

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.

BrowserWindowDesktop AppElectron
0 likes · 18 min read
Mastering Electron IPC: From Hello World to Secure Desktop Apps
Java Architect Essentials
Java Architect Essentials
Sep 23, 2021 · Frontend Development

Electron Development Guide: Environment Setup, Project Creation, and Source Code Structure

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.

Development GuideElectronNode.js
0 likes · 10 min read
Electron Development Guide: Environment Setup, Project Creation, and Source Code Structure
Taobao Frontend Technology
Taobao Frontend Technology
Sep 6, 2021 · Frontend Development

Latest Electron 14 Release, React Native Updates, and Key JavaScript Insights

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.

Backend DevelopmentElectronFrontend Development
0 likes · 6 min read
Latest Electron 14 Release, React Native Updates, and Key JavaScript Insights
Taobao Frontend Technology
Taobao Frontend Technology
Aug 18, 2021 · Frontend Development

How VS Code Achieves Lightning‑Fast Startup: Front‑End Performance Secrets

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.

ElectronJavaScriptPerformance Optimization
0 likes · 17 min read
How VS Code Achieves Lightning‑Fast Startup: Front‑End Performance Secrets
Alibaba Terminal Technology
Alibaba Terminal Technology
Aug 5, 2021 · Frontend Development

How VS Code Achieves Sub‑Second Startup: Secrets from CovalenceConf 2019

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.

ElectronPerformance OptimizationStartup Performance
0 likes · 13 min read
How VS Code Achieves Sub‑Second Startup: Secrets from CovalenceConf 2019
Taobao Frontend Technology
Taobao Frontend Technology
Jun 16, 2021 · Frontend Development

What’s New in Electron 12 & 13? Key Features, APIs, and Code Samples

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.

ElectronNode.jsV8
0 likes · 10 min read
What’s New in Electron 12 & 13? Key Features, APIs, and Code Samples
Java Architect Essentials
Java Architect Essentials
Jun 6, 2021 · Frontend Development

Mastering Cross‑Platform Desktop Apps with Electron: From Setup to Real‑World Projects

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.

ElectronExample AppsProject Structure
0 likes · 13 min read
Mastering Cross‑Platform Desktop Apps with Electron: From Setup to Real‑World Projects
ByteFE
ByteFE
May 31, 2021 · Information Security

How to Harden Electron Apps with V8 Bytecode and Native Addons

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.

ElectronN-APINode Addon
0 likes · 20 min read
How to Harden Electron Apps with V8 Bytecode and Native Addons
IT Xianyu
IT Xianyu
May 10, 2021 · Frontend Development

Electron Cross‑Platform Development Guide: Environment Setup, Project Structure, and Sample Applications

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.

Desktop AppElectronNode.js
0 likes · 12 min read
Electron Cross‑Platform Development Guide: Environment Setup, Project Structure, and Sample Applications
Laravel Tech Community
Laravel Tech Community
Mar 13, 2021 · Frontend Development

Atom Editor Overview and Recent Changes

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.

AtomElectronIDE
0 likes · 4 min read
Atom Editor Overview and Recent Changes
Aotu Lab
Aotu Lab
Jan 8, 2021 · Frontend Development

From Taro IDE to Tide: Building a Multi‑Platform Frontend Development Ecosystem

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.

ElectronFrontendIDE
0 likes · 12 min read
From Taro IDE to Tide: Building a Multi‑Platform Frontend Development Ecosystem
Top Architect
Top Architect
Nov 10, 2020 · Frontend Development

Comprehensive Guide to Setting Up Electron, Exploring Its Source Structure, and Building Sample Desktop Applications

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.

Desktop applicationElectronJavaScript
0 likes · 12 min read
Comprehensive Guide to Setting Up Electron, Exploring Its Source Structure, and Building Sample Desktop Applications
政采云技术
政采云技术
Aug 2, 2020 · Frontend Development

How to Develop Cross‑Platform Desktop Applications with Electron: Architecture, Workflow, and Best Practices

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.

CLIDesktop DevelopmentElectron
0 likes · 25 min read
How to Develop Cross‑Platform Desktop Applications with Electron: Architecture, Workflow, and Best Practices
Top Architect
Top Architect
Jul 9, 2020 · Frontend Development

Electron Development Guide: Environment Setup, Project Structure, and Sample Applications

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.

Desktop applicationElectronNode.js
0 likes · 12 min read
Electron Development Guide: Environment Setup, Project Structure, and Sample Applications
21CTO
21CTO
Jun 24, 2020 · Frontend Development

What Electron’s Graduation to OpenJS Impact Means for Developers

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.

Cross‑platform developmentElectronImpact Project
0 likes · 4 min read
What Electron’s Graduation to OpenJS Impact Means for Developers
WecTeam
WecTeam
Apr 7, 2020 · Frontend Development

Building a Cross‑Platform Desktop IDE with Electron: Architecture & Optimization

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.

Desktop DevelopmentElectronPerformance Optimization
0 likes · 14 min read
Building a Cross‑Platform Desktop IDE with Electron: Architecture & Optimization
macrozheng
macrozheng
Mar 5, 2020 · Frontend Development

Master Electron: From Setup to Real-World Desktop Apps with Vue

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.

Desktop DevelopmentElectronJavaScript
0 likes · 11 min read
Master Electron: From Setup to Real-World Desktop Apps with Vue
Java Captain
Java Captain
Feb 18, 2020 · Frontend Development

Guide to Setting Up and Developing Cross‑Platform Desktop Applications with Electron

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.

Desktop AppDevelopmentElectron
0 likes · 10 min read
Guide to Setting Up and Developing Cross‑Platform Desktop Applications with Electron
Youzan Coder
Youzan Coder
Jan 20, 2020 · Frontend Development

Frontend Technology Exchange Meeting: YouZan and Meicai Share Development Practices

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.

Component LibraryCross‑platform developmentDesktop application
0 likes · 6 min read
Frontend Technology Exchange Meeting: YouZan and Meicai Share Development Practices
Taobao Frontend Technology
Taobao Frontend Technology
Dec 16, 2019 · Frontend Development

From Iceworks 1.0 to 4.0: Lessons in Building a Scalable Frontend IDE

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.

ElectronLow‑codeproduct-management
0 likes · 21 min read
From Iceworks 1.0 to 4.0: Lessons in Building a Scalable Frontend IDE
Python Programming Learning Circle
Python Programming Learning Circle
Nov 7, 2019 · Product Management

Tech Pulse: GitLab Ban, Huawei R&D Surge, New DLang, VS Online & More

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.

Ant DesignDLangEdge
0 likes · 8 min read
Tech Pulse: GitLab Ban, Huawei R&D Surge, New DLang, VS Online & More
WecTeam
WecTeam
Oct 11, 2019 · Frontend Development

How to Build a JSON Editor with Electron: From Setup to Production

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.

Desktop AppDexieElectron
0 likes · 23 min read
How to Build a JSON Editor with Electron: From Setup to Production
Sohu Tech Products
Sohu Tech Products
Aug 7, 2019 · Frontend Development

Electron 6.0.0 Release Highlights and Updates

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.

APIChromiumElectron
0 likes · 7 min read
Electron 6.0.0 Release Highlights and Updates
21CTO
21CTO
Aug 4, 2019 · Frontend Development

What’s New in Electron 6.0? Exploring the Latest Promise Features and API Updates

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.

APIElectronJavaScript
0 likes · 4 min read
What’s New in Electron 6.0? Exploring the Latest Promise Features and API Updates
Seewo Tech Circle
Seewo Tech Circle
Jun 28, 2019 · Frontend Development

Building a Fast, Updatable PC Client with Electron for Classroom Interaction

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.

Desktop applicationElectronFrontend Development
0 likes · 13 min read
Building a Fast, Updatable PC Client with Electron for Classroom Interaction
HomeTech
HomeTech
May 23, 2019 · Frontend Development

Building a Cross‑Platform S3 Upload GUI with Electron and Vue

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.

Cross‑PlatformDesktop applicationElectron
0 likes · 16 min read
Building a Cross‑Platform S3 Upload GUI with Electron and Vue
Ctrip Technology
Ctrip Technology
May 21, 2019 · Frontend Development

An Introduction to Electron and Its Practical Application in NFES DevTools

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.

Desktop AppDevToolsElectron
0 likes · 13 min read
An Introduction to Electron and Its Practical Application in NFES DevTools
21CTO
21CTO
Apr 9, 2019 · Frontend Development

Why Google Blocks DRM for Open‑Source Electron Browsers like Metastream

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.

ChromiumDRMElectron
0 likes · 3 min read
Why Google Blocks DRM for Open‑Source Electron Browsers like Metastream
21CTO
21CTO
Nov 6, 2018 · Frontend Development

Speed Up Electron Development with Electron Fiddle: A Quick Start Guide

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.

Desktop DevelopmentElectronFiddle
0 likes · 3 min read
Speed Up Electron Development with Electron Fiddle: A Quick Start Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 25, 2018 · Frontend Development

How Does Electron‑Builder Turn Your Web App into a Standalone Executable?

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.

ElectronNode.jsasar
0 likes · 15 min read
How Does Electron‑Builder Turn Your Web App into a Standalone Executable?
CoolHome R&D Department
CoolHome R&D Department
Dec 1, 2017 · Frontend Development

Automate Electron App Packaging for Windows and macOS with Gulp

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.

AutomationCode SigningElectron
0 likes · 34 min read
Automate Electron App Packaging for Windows and macOS with Gulp
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 21, 2017 · Artificial Intelligence

What’s Shaping Tech This Week? AI Breakthroughs, Electron Revamp, and More

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.

AIARElectron
0 likes · 10 min read
What’s Shaping Tech This Week? AI Breakthroughs, Electron Revamp, and More
Tencent Music Tech Team
Tencent Music Tech Team
Sep 14, 2016 · Frontend Development

Introduction to Electron: Building Cross‑Platform Desktop Applications with JavaScript

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.

Desktop applicationElectronIPC
0 likes · 11 min read
Introduction to Electron: Building Cross‑Platform Desktop Applications with JavaScript