Electron
jsdom
Our great sponsors
Electron | jsdom | |
---|---|---|
236 | 55 | |
111,866 | 19,926 | |
1.1% | 0.8% | |
9.8 | 7.8 | |
5 days ago | 15 days ago | |
C++ | JavaScript | |
MIT License | 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.
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
jsdom
- Simplifier l’intégration des icônes depuis Figma : De la conception au design system
-
Migrating from Jest to Vitest for your React Application
If you happen to be using React Testing Library in your project, you'll need to keep the jsdom dev dependency installed.
-
Building a Serverless Reader View with Lambda and Chrome
Readability.js requires a DOM object to parse the readable content from a website. That's why we create a DOM object with JSDOM and provide the HTML from the page and its current URL. By the way, the browser may have had to follow HTTP redirects, so the current URL doesn't necessarily have to be the one we provided initially. The parse function of the library returns the following result:
-
Best HTML Parsing Libraries in JavaScript
This was the basic usage of JSDOM. If you want to learn more, please check out this documentation.
-
Portadom: A Unified Interface for DOM Manipulation
Web scraping, while immensely useful, often requires developers to navigate a sea of tools and libraries, each with its own quirks and intricacies. Whether it's JSDOM, Cheerio, Playwright, or even just plain old vanilla JS in the DevTools console, moving between these platforms can be a challenge.
-
"react-next-tilt" and "react-flip-tilt" NPM Packages
React testing library uses jsdom (or others like happy-dom) under the hood to emulate the browser environment and enable testing of different properties. but it doesn't render the component in an actual browser meaning the styles can't be computed and the returned computed style is just an object with the correct keys but empty strings as values.
- The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
-
How does the Official Node.js News Feeder work?
Note: In order to use the library jsdom to scrape the HTML response we need to avoid the @import statements in the CSS.
-
PoC of ReactJS app inside Service Worker
The code uses jSDom to render the app but I was wondering if it's possible to run the app without the UI to be able to use a library like that to generate the string from react element.
-
React component testing with Vitest efficiently
JSDOM as the DOM environment for running our tests
What are some alternatives?
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
happy-dom - A JavaScript implementation of a web browser without its graphical user interface
dotenv - Loads environment variables from .env for nodejs projects.
cheerio - The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
Eel - A little Python library for making simple Electron-like HTML/JS GUI apps
webworker-threads - Lightweight Web Worker API implementation with native threads
puppeteer - Node.js API for Chrome
Next.js - The React Framework
react-native - A framework for building native applications using React
vitest - Next generation testing framework powered by Vite.
vite - Next generation frontend tooling. It's fast!