documentation
Electron
documentation | Electron | |
---|---|---|
8 | 236 | |
309 | 112,107 | |
3.2% | 0.4% | |
9.5 | 9.8 | |
7 days ago | 5 days ago | |
MDX | C++ | |
Creative Commons Attribution 4.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
documentation
-
Release Radar • February 2024 Edition
To install prebuilt Electron binaries, use npm. The preferred method is to install Electron as a development dependency in your app:
-
Using Node.js for Automated Testing with Headless Browsers
Initialize Your Project: Create a new Node.js project and install the chosen headless browser library using npm or yarn.
- A Comprehensive Beginner's Guide to NPM: Simplifying Package Management
-
Package Managers: Understanding npm, npx and yarn
When running the install command in the scope of a project, the package files and their dependencies are downloaded to a folder called node_modules and organized through two files in the project root: package.json and package-lock.json. As always, the best source to learn more about CLI commands is the official documentation: https://docs.npmjs.com/.
-
How to develop a svelte component and publish it as a package in NPM
Official NPM documentation;
-
How to learn npm and its "configs"?
Start with the npm docs so you know what it actually is. I don’t think you currently do because it’s not really something you need to ‘learn’
- Managing Dependencies in Node.js: An Overview of NPM and Yarn
- Fuck node-gyp errors. That is all.
Electron
-
Release Radar • February 2024 Edition
The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off 🤔. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.
-
The IDEs we had 30 years ago and we lost
VS Code has been crashing at launch in Wayland since more than eight months ago:
https://github.com/electron/electron/issues/37531
-
Design Systems with Web Components
So we talked a lot about the Atomic Design Principle, but you could just use that in any system and start creating. You could have Angular components, React Components, and Vue Components. But if you notice these don't easily work Everwhere. So the solution is to use Web Components because the modern browser can already understand these, and any Front-End framework can then utilize these components. You can use Electron for desktop (Slack, VSCode), PWA for both Android and iOS, and across all browsers Can I Use.
- Settings · Rulesets · electron/electron
-
How I got Wayland, Vulkan, and hardware acceleration working with Figma on Fedora 39.
I'm noticing a significant boost in performance, crisper text, and better power savings. The only shortcoming is that the window which Figma will run on will lose its shadow. This is due to a technical limitation with frameless windows on Linux.
-
Building Apps with Tauri and Elixir
For the longest time, building desktop apps was a daunting task to web developers. That is, until technologies like Electron made creating these apps more approachable to a wider audience. Today, we’ve got a wide array of native applications built with solutions like Electron, Tauri, Capacitor, and many more. While these are great solutions, sometimes configuration can be tricky and the applications we create can become somewhat bloated in terms of memory usage.
-
MS Teams & Electron libwebp 0-Day Vulnerability
Electron patch for version 27: https://github.com/electron/electron/pull/39823
-
CVE-2023-4863: Heap buffer overflow in WebP (Chrome)
It does, see [0]. Fun fact: Signal desktop, which uses Electron under the hood, is running without sandbox on Linux [1][2].
[0] https://github.com/electron/electron/pull/39824
[1] https://github.com/signalapp/Signal-Desktop/issues/5195
[2] https://github.com/signalapp/Signal-Desktop/pull/4381
-
Capturing at Speed of Thought
Turns out, there is an issue with the electron window not returning focus correctly on mac - https://github.com/electron/electron/issues/5495. The trick to solving is to treat quick capture as a screensaver. When closing, you hide it by setting the opacity to 0 and sending hide: command to the first responder.
-
$Home, Not So Sweet $Home
Open since 2016! https://github.com/electron/electron/issues/8124
What are some alternatives?
pnpm - Fast, disk space efficient package manager
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
berry - 📦🐈 Active development trunk for Yarn ⚒
dotenv - Loads environment variables from .env for nodejs projects.
svelte-star-rating - Simple Svelte component, with no dependencies, for implementing and capturing assessments through a simple and intuitive interface that will take you to the stars. ✨
Eel - A little Python library for making simple Electron-like HTML/JS GUI apps
node - Node.js JavaScript runtime ✨🐢🚀✨
puppeteer - Node.js API for Chrome
jest - Delightful JavaScript Testing.
react-native - A framework for building native applications using React
Svelte - Cybernetically enhanced web apps
cheerio - The fast, flexible, and elegant library for parsing and manipulating HTML and XML.