Electron | BestHub

Tencent Docs Tech Team

May 29, 2025 · Operations

Memory Optimization Strategies for the Tencent Docs Desktop Client

This technical report details the background, proposed solutions, implementation steps, and measurable results of a series of memory‑saving optimizations applied to the Tencent Docs desktop application built with Electron, including container merging, tombstone mechanisms, Windows EmptyWorkingSet API, and Chromium page‑freezing techniques.

Desktop ApplicationElectronMemory Optimization

0 likes · 9 min read

Memory Optimization Strategies for the Tencent Docs Desktop Client

Rare Earth Juejin Tech Community

May 15, 2025 · Frontend Development

Building a Cross‑Platform 3D Desktop Pet with Electron, Vue, and Dexie.js

This article introduces the open‑source “3D Desktop Pet” project, detailing how to create a cross‑platform Electron application that combines a transparent always‑on‑top window, Three.js‑driven 3D pet interactions, and Dexie.js‑based task management, along with performance optimizations and multi‑window reminder system.

Cross‑PlatformDexie.jsElectron

0 likes · 9 min read

Building a Cross‑Platform 3D Desktop Pet with Electron, Vue, and Dexie.js

大转转FE

Jan 20, 2025 · Frontend Development

Zhuanzhuan Frontend Weekly – Curated Articles on Frontend Trends, AI‑Driven Code Generation, Cross‑Platform Development, and Electron Release

This newsletter curates five insightful frontend articles covering 2024 front‑end trends, AI‑assisted code generation at Qunar, the history and current solutions of cross‑platform development, AI‑driven full‑stack improvements at Taobao, and the release of Electron 34.0.0 with upgraded Chromium, V8, and Node.

AICross‑PlatformElectron

0 likes · 6 min read

Zhuanzhuan Frontend Weekly – Curated Articles on Frontend Trends, AI‑Driven Code Generation, Cross‑Platform Development, and Electron Release

Architect's Guide

Jan 7, 2025 · Frontend Development

OpenSumi: An Open‑Source, High‑Performance, Customizable IDE Framework for Web and Electron

OpenSumi is a domestically developed, open‑source IDE framework built on TypeScript and React that offers high performance, extensive view‑customization, VS Code plugin compatibility, and cloud‑native capabilities, enabling developers to quickly create tailored web or Electron‑based IDE products for vertical domains.

CustomizationElectronIDE framework

0 likes · 10 min read

OpenSumi: An Open‑Source, High‑Performance, Customizable IDE Framework for Web and Electron

大转转FE

Dec 9, 2024 · Frontend Development

ZhuanZhuan Frontend Weekly – Curated Highlights of Recent Technical Articles

This edition of the ZhuanZhuan Frontend Weekly presents a curated selection of recent technical articles covering React 19 release, HarmonyOS adaptation in a travel app, the Vision animation platform at Kuaishou, migration from Electron to Tauri, and WebAssembly‑enhanced WebCodecs for high‑performance video frame extraction.

ElectronHarmonyOSReact

0 likes · 4 min read

ZhuanZhuan Frontend Weekly – Curated Highlights of Recent Technical Articles

Rare Earth Juejin Tech Community

Dec 3, 2024 · Frontend Development

Implementing Download Interception, Search, Tab Management, and Drag‑Drop Features in an Electron‑Based Browser

This article details how to build a lightweight Electron browser by assembling webview components, covering download interception, in‑page search, custom tab handling, address‑bar logic, and draggable desktop icons, with full code examples and implementation notes.

ElectronJavaScriptTab Management

0 likes · 8 min read

Implementing Download Interception, Search, Tab Management, and Drag‑Drop Features in an Electron‑Based Browser

DeWu Technology

Dec 2, 2024 · Frontend Development

Migrating a Desktop Application from Electron to Tauri: Architecture, Implementation, and Lessons Learned

By rewriting the “得物商家客服” client’s backend in Rust and swapping Electron’s Chromium renderer for Tauri’s native WebView, the team cut binary size by 91%, halved memory use, reduced CPU load, improved startup, and documented challenges such as WebView2 installation, notification callbacks, and limited Tauri documentation.

DesktopAppElectronMigration

0 likes · 44 min read

Migrating a Desktop Application from Electron to Tauri: Architecture, Implementation, and Lessons Learned

Rare Earth Juejin Tech Community

Oct 15, 2024 · Frontend Development

Step-by-Step Guide to Setting Up an Electron Project and Creating the First Window

This tutorial walks readers through installing Node.js and pnpm, configuring .npmrc, initializing a package.json, installing Electron, creating a simple main.js and index.html, and launching the first Electron window while providing tips on version management and common network issues.

ElectronJavaScriptNode.js

0 likes · 6 min read

Step-by-Step Guide to Setting Up an Electron Project and Creating the First Window

Rare Earth Juejin Tech Community

Oct 11, 2024 · Backend Development

Understanding VS Code's IPC Architecture and Channel Mechanism

This article explains VS Code's inter‑process communication (IPC) architecture, detailing how preload scripts expose methods, how the main process creates Server, Connection, and Channel classes, how the renderer creates a Client to connect, and how ProxyChannel converts services to typed channels, with full TypeScript code examples.

Backend DevelopmentElectronIPC

0 likes · 11 min read

Understanding VS Code's IPC Architecture and Channel Mechanism

Rare Earth Juejin Tech Community

Aug 24, 2024 · Frontend Development

Creating a VSCode Extension to Display a Background Video

This article explains how to develop a VSCode extension that injects a video element into the editor’s workbench, allowing users to set a dynamic background video (such as the Wukong promotional clip), with configurable opacity, video selection, installation, and uninstallation instructions.

Background VideoElectronJavaScript

0 likes · 8 min read

Creating a VSCode Extension to Display a Background Video

Rare Earth Juejin Tech Community

Jul 26, 2024 · Frontend Development

Step-by-Step Guide to Building and Packaging an Electron Desktop Application with Vue 3 and Vite

This tutorial walks through creating a cross‑platform Electron desktop app using Vue 3 and Vite, covering project setup, Electron installation, configuration of .npmrc and plugins, writing the main process, Vite plugin integration, package.json adjustments, building, Windows and Linux packaging, NSIS installer options, and adding Vue router for navigation.

Cross‑PlatformDesktop ApplicationElectron

0 likes · 13 min read

Step-by-Step Guide to Building and Packaging an Electron Desktop Application with Vue 3 and Vite

Tencent Cloud Developer

Jun 18, 2024 · Fundamentals

Porting QQ Audio/Video SDK to Linux: Architecture, Build Process, and Debugging

The article details the complete process of porting QQ's NTRTC audio/video SDK to Linux, covering platform surveys, packaging, build‑time issues like GLIBC mismatches and fPIC errors, debugging steps, Qt/Electron demos, GPU blocklist workarounds, and future compatibility plans.

AudioVideoElectronSDK

0 likes · 30 min read

Porting QQ Audio/Video SDK to Linux: Architecture, Build Process, and Debugging

Code Mala Tang

Jun 14, 2024 · Information Security

Why and How to Sign Your Electron App: Boost Security with Code Signing

Code signing verifies software authenticity and integrity, preventing tampering and security warnings, and this guide explains what code signing is, its types, applicable file formats, certificate options, and step‑by‑step instructions—including Electron‑builder configuration and sample scripts—to help developers secure their desktop applications.

EV certificateElectronOV certificate

0 likes · 9 min read

Why and How to Sign Your Electron App: Boost Security with Code Signing

DeWu Technology

May 13, 2024 · Operations

Cross-Platform PC Operational System for Warehouse Fulfillment: Design, Implementation, and Efficiency Metrics

The article describes a cross‑platform PC operational system for warehouse fulfillment that unifies touch, scanner, and keyboard inputs, employs concise QR‑based quick‑codes with visual/audio feedback, handles printing via a Chromium component, automatically detects and repairs environment settings, tracks efficiency metrics, and outlines future AI and micro‑frontend enhancements.

Cross‑PlatformElectronWarehouse Automation

0 likes · 17 min read

Cross-Platform PC Operational System for Warehouse Fulfillment: Design, Implementation, and Efficiency Metrics

Architecture Digest

May 8, 2024 · 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 setup, essential command‑line tools, project initialization, detailed source‑code directory structure, main and renderer processes, inter‑process communication, and example projects such as a music player.

Cross‑PlatformDesktop DevelopmentElectron

0 likes · 11 min read

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

DaTaobao Tech

Mar 11, 2024 · Frontend Development

Performance Optimization of an Electron‑Based Taobao Live PC Streaming Client

The article details how systematic refactoring, bundle compression, asynchronous initialization, pre‑heating, and targeted runtime profiling reduced the Electron‑based Taobao Live PC client’s launch time from ten seconds to 2.5 seconds, streaming page start to 50 ms, and CPU load from 13 % to 6.7 % while adding power‑management fallbacks.

ElectronLive Streamingfrontend

0 likes · 16 min read

Performance Optimization of an Electron‑Based Taobao Live PC Streaming Client

ByteFE

Jan 25, 2024 · Frontend Development

Building a Screen Recording Application with Electron, React, Vite, and FFmpeg

This tutorial walks through creating a desktop screen‑recording tool using Electron with a React‑Vite front‑end, Ant Design UI, IPC communication, system‑tray controls, draggable windows, and FFmpeg for capturing video in WebM, MP4, or GIF formats.

Ant DesignElectronFFmpeg

0 likes · 8 min read

Building a Screen Recording Application with Electron, React, Vite, and FFmpeg

Rare Earth Juejin Tech Community

Jan 23, 2024 · Frontend Development

Building a Custom Screen Recording Application with Electron, Vite, and FFmpeg

This tutorial walks through creating a desktop screen‑recording tool using Electron with a React‑Vite front‑end, configuring resolution, frame rate, and output formats (webm, mp4, gif), implementing IPC communication, system‑tray controls, draggable windows, and FFmpeg‑based recording logic.

ElectronFFmpegIPC

0 likes · 10 min read

Building a Custom Screen Recording Application with Electron, Vite, and FFmpeg

Rare Earth Juejin Tech Community

Jan 13, 2024 · Frontend Development

Building an Offline PC Lottery Application with Electron, Vite, and Vue

This article documents the end‑to‑end process of creating a portable offline lottery program for company events by integrating an open‑source web lottery project with Electron, using Vue 3, Vite, and JavaScript, covering requirements, code migration, debugging, and packaging.

ElectronJavaScriptVue

0 likes · 8 min read

Building an Offline PC Lottery Application with Electron, Vite, and Vue

php中文网 Courses

Dec 7, 2023 · Backend Development

Building a Native Desktop Application with NativePHP, Laravel, and Electron

This guide explains how to package a Laravel‑based PHP application into a standalone desktop app using NativePHP and Electron, covering installation, development workflow, adding native features like notifications, and creating production builds for Windows, macOS, and Linux.

DesktopAppElectronLaravel

0 likes · 7 min read

Building a Native Desktop Application with NativePHP, Laravel, and Electron