--- title: Best Electron posts of 2024 | daily.dev description: The most upvoted Electron posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/electron/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/electron/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Electron posts of 2024 | daily.dev og:description: The most upvoted Electron posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Electron — 2024 1. 1 [](/posts/goodbye-electron-hello-tauri--kmovlej61 "Goodbye Electron. Hello Tauri!") Article DEV · 3y Goodbye Electron. Hello Tauri! Learn about Tauri, a Rust-powered backend framework paired with a React frontend for creating standalone desktop applications. Discover its advantages, including smaller binary sizes compared to Electron. 550 49 2. 2 [](/posts/building-an-app-with-next-js-and-electron-with-server-components-support-p681f6rae "Building an App with Next.js and Electron with Server Components Support") Article Community Picks · 2y Building an App with Next.js and Electron with Server Components Support Learn how to build an application combining Next.js and Electron, with support for React Server Components (RSCs). The guide covers setting up the project, configuring Next.js for standalone output, and running and packaging the app. Additionally, it explains how to send commands from Next.js to Electron and handle dynamic content rendering server-side for improved performance. 114 2 3. 3 [](/posts/why-i-chose-tauri-instead-of-electron-eraykteys "Why I chose Tauri instead of Electron") Article ITNEXT · 3y Why I chose Tauri instead of Electron The author discusses their decision to choose Tauri over Electron for building a desktop application. They highlight the benefits of Tauri, such as its clear separation of backend and frontend, smaller app size, and plugin system. They also compare Tauri to Electron in terms of programming language and ecosystem, webview, features, and mobile support. 99 8 4. 4 [](/posts/electron-course---code-desktop-applications-inc-react-and-typescript--uhuzqurfx "Electron Course - Code Desktop Applications (inc. React and Typescript)") Video Community Picks · 2y Electron Course - Code Desktop Applications (inc. React and Typescript) A comprehensive guide on building robust desktop applications with Electron, React, and TypeScript. The course covers setting up the development environment, implementing advanced features like data visualization and secure communication, and ensuring a seamless user experience. You will learn to build cross-platform apps, including a resource manager inspired by the Windows Task Manager. Key technologies used are Electron, React, TypeScript, Vite for bundling, and Electron Builder for packaging applications for different operating systems. 52 5. 5 [](/posts/electron-course---code-desktop-applications-inc-react-and-typescript--48r004amx "Electron Course - Code Desktop Applications (inc. React and Typescript)") Video freeCodeCamp · 2y Electron Course - Code Desktop Applications (inc. React and Typescript) This comprehensive course guides you through building robust desktop applications using Electron, React, and Typescript. It covers everything from setting up your development environment to implementing advanced features like data visualization, secure communication, and custom window frames. You'll build a resource manager inspired by the Windows Task Manager, learning to create complex UI components, interact with system APIs, and bundle your app for different operating systems. 51 6. 6 [](/posts/tauri-adoption-guide-overview-examples-and-alternatives-qawf2gelf "Tauri adoption guide: Overview, examples, and alternatives") Article LogRocket · 2y Tauri adoption guide: Overview, examples, and alternatives Tauri is a toolkit designed for building lightweight, secure, and cross-platform desktop applications using web technologies. Unlike Electron, Tauri leverages the host operating system’s native webview, resulting in smaller and more efficient applications. This guide explores Tauri’s capabilities, architecture, and how it compares to other tools like Electron. Additionally, it provides a hands-on quickstart for setting up a new Tauri project and highlights key features such as custom commands, error handling, and integrating front-end frameworks for UI development. Tauri's architecture, using Rust for the backend, offers significant benefits in performance and security. 33 7. 7 [](/posts/i-built-a-real-desktop-app-with-both-tauri-and-electron-2feoehnsy "I built a REAL Desktop App with both Tauri and Electron") Video Community Picks · 2y I built a REAL Desktop App with both Tauri and Electron The post discusses the pros and cons of using Tauri versus Electron for building a desktop application. Electron's large size and resource consumption are highlighted, while Tauri is suggested as a lightweight alternative using Rust. Key differences include setup difficulty, deep linking, event handling, window management, and the use of browser engines. The author experienced challenges with Tauri but sees its potential as it evolves, specifically mentioning its recent 2.0 release with exciting new features. 32 3 8. 8 [](/posts/electron-but-make-it-zesty-zbsso1x7p "Electron, but make it zesty") Article Bytes by ui.dev · 2y Electron, but make it zesty Tauri has released a v2.0 RC toolkit for building cross-platform desktop apps using web technologies like HTML, CSS, and JavaScript, positioning itself as a lightweight alternative to Electron. Tauri uses Rust on the backend, resulting in smaller bundle sizes and less memory usage. It also has a secure isolation pattern to protect the backend from webview scripts. Downsides include the need for some Rust knowledge. QA Wolf offers a complete test coverage service with automated tests in Playwright. New releases include Redux Essentials with TypeScript, Astro 4.13, Rslib, and Nx 19.5. 30 2 9. 9 [](/posts/electron-32-0-0-0pqvxnovk "Electron 32.0.0") Article Electron · 2y Electron 32.0.0 Electron 32.0.0 has been released with upgrades to Chromium 128.0.6613.36, V8 12.8, and Node 20.16.0\. This version introduces new features like the \`cumulativeCPUUsage\` property, navigation-related APIs in \`webContents.navigationHistory\`, and support for the Windows Control Overlay API on Linux. Notable breaking changes include the removal of the nonstandard \`File.path\` property and deprecation of certain navigation-related APIs in \`WebContents\`. Support for Electron 29.x.y has ended. 29 10. 10 [](/posts/building-studio-in-public-using-wordpress-components-and-tailwind-css-in-our-local-development-app-is3ejouul "Building Studio in Public: Using WordPress Components and Tailwind CSS in our Local Development App") Article WordPress · 2y Building Studio in Public: Using WordPress Components and Tailwind CSS in our Local Development App The post outlines how WordPress Components and Tailwind CSS were utilized to build Studio, a local development environment for WordPress. It highlights the use of reusable WordPress components and the benefits of customizing them with Tailwind CSS to create a familiar and flexible user interface. Detailed steps guide developers on setting up Tailwind CSS, installing WordPress components, and customizing styles. Studio, being an open source tool, encourages contributions from developers familiar with these technologies. 25 11. 11 [](/posts/corbt-agent-exe-cm2eois1t "corbt/agent.exe") Article Hacker News · 2y corbt/agent.exe Agent.exe is an Electron app that enables Claude 3.5 Sonnet to control a local computer directly. Users can clone the repository, install dependencies, and start the app with their ANTHROPIC\_API\_KEY. While initially considering a semi-automatic mode, the necessity was negated due to the slow performance of each step. It works best with Firefox and is theoretically cross-platform, though only tested on MacOS. 21 [See all Electron archives](/tags/electron/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/electron/best-of/2024#page","url":"https://daily.dev/tags/electron/best-of/2024","name":"Best Electron Posts of 2024","description":"The most upvoted Electron posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/electron/best-of/2024#items","numberOfItems":11,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/goodbye-electron-hello-tauri--kmovlej61","name":"Goodbye Electron. Hello Tauri!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/building-an-app-with-next-js-and-electron-with-server-components-support-p681f6rae","name":"Building an App with Next.js and Electron with Server Components Support"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/why-i-chose-tauri-instead-of-electron-eraykteys","name":"Why I chose Tauri instead of Electron"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/electron-course---code-desktop-applications-inc-react-and-typescript--uhuzqurfx","name":"Electron Course - Code Desktop Applications (inc. React and Typescript)"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/electron-course---code-desktop-applications-inc-react-and-typescript--48r004amx","name":"Electron Course - Code Desktop Applications (inc. React and Typescript)"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/tauri-adoption-guide-overview-examples-and-alternatives-qawf2gelf","name":"Tauri adoption guide: Overview, examples, and alternatives"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/i-built-a-real-desktop-app-with-both-tauri-and-electron-2feoehnsy","name":"I built a REAL Desktop App with both Tauri and Electron"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/electron-but-make-it-zesty-zbsso1x7p","name":"Electron, but make it zesty"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/electron-32-0-0-0pqvxnovk","name":"Electron 32.0.0"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/building-studio-in-public-using-wordpress-components-and-tailwind-css-in-our-local-development-app-is3ejouul","name":"Building Studio in Public: Using WordPress Components and Tailwind CSS in our Local Development App"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/corbt-agent-exe-cm2eois1t","name":"corbt/agent.exe"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Electron","item":"https://daily.dev/tags/electron"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/electron/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```