graderjs
react-nodegui
Our great sponsors
graderjs | react-nodegui | |
---|---|---|
10 | 8 | |
155 | 6,165 | |
0.0% | 0.0% | |
0.0 | 3.4 | |
over 1 year ago | 6 months ago | |
Shell | TypeScript | |
GNU General Public License v3.0 or later | 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.
graderjs
-
Use any web browser as GUI, with Zig in the back end and HTML5 in the front end
This is very polished and cool looking. Inspiring. I find this project's level of polish very inspiring.
It's lovely to see someone has captured this idea and expressed it in the right way to make it interesting to many people. I really hope this mode of desktop apps can take off, at least to the level where the community has something to explore for a while to see if it works. I made something like this for Chrome browsers a while ago, nodejs backends, vanilla front-ends, built-in packaging using pkg. It's just a nice approach: https://github.com/dosyago/graderjs
And I made a demo using the venerable MS Paint clone JS Paint^0. The dev experience was great, I literally just dropped in the front-end code to the right folder, compiled it and wham, "desktop JS paint" on 3 platforms, haha.
Using the ubiquitous local browser as the rendering / API engine for desktop just seems smart. And it's technically interesting, because you get to think in terms of how can you step back from the browser, the platform, the front-end and the back-end and come up with a general API that addresses all of it, which is kinda cool.
- Graderjs - Use Chrome as a rendering engine for local apps
- Show HN: Use Chrome as a rendering engine for local apps
-
Ask HN: What is your preferred light weight stack for personal projects?
Client / Server Web App: Node.JS, Bang.html[0], the filesystem
Native downloadable executable desktop GUI application: Node.JS, GraderJS
CLI app: ??? Don't know yet, GraderJS can work but it's focused around GUI
Mobile app: ??? Don't know yet
Embedded: ??? Don't know yet
Graphics: Processing (but surely there are much better options nowadays)
AI: ??? Don't know yet
-
Ask HN: Why aren't there any real alternatives to Electron?
I'm working on an alternative. It's a slightly different take, but provides similar functionality of Node.js plus front end code in a packaged binary. Instead of using a weird custom fork of chrome and downloading that for every different binary we just use the system Chrome browser (or install it once for all apps). Eventually we can probably expand to use other Chrome browsers or even other web driver supported browsers which Firefox seems to be building that support out. I just like the idea of using something that's already on the system.
Take a look at the wonderful GraderJS, heh :)
- Show HN: A simple cross-platform HTML to native-app builder using Chrome
- Turn your full-stack Node.js application into downloadable cross-platform binary
-
Jspaint.exe: JavaScript Paint –~ as a cross-platform native desktop app
For those who didn't reach the end of the README.md, it seems to use an electron-alternative called grader, from the same author:
https://github.com/i5ik/graderjs
It runs server and downloads Chrome (if not available already) and starts it in app mode.
- GitHub - i5ik/graderjs: Turn your full-stack NodeJS application into a downloadable cross-platform binary. Also works for SPAs, or regular web-sites.
-
Tauri: An Electron alternative written in Rust
It is a good idea but it is not a new idea
the interesting history of these sorts of frameworks is that Google actually created a framework that did this and stopped development on it. the code is still on GitHub. And there's a bunch of other frameworks that use a variety of different languages not just rust as the application language that also have this idea of not bundling chromium but instead using the system webview for rendering HTML and JavaScript.
You can find a bunch of different approaches in lists like "alternatives to electron." There's some on GitHub.
I took a slightly different approach where instead of using the system web view which I thought you know is going to be inconsistent across systems and it's not going to support the latest HTML JavaScript and security features I used the assumption that the user already has chrome installed which works in a high number of cases or can download and install it if that's not the case. predictably I suppose some people express to satisfaction that it was not using Firefox. using Firefox becomes more possible and more likely I suppose as firefox's support for the dev tools protocol achieves parity with chrome support for that.
react-nodegui
-
[AskJS] Are there any Electron alternatives that uses less recourses?
In fact, there's a version with a React wrapper, pretty much similar to React Native
-
Windows App
If you are strictly looking to make a desktop app, I would suggest looking at https://react.nodegui.org/ it is really easy to use and develop.
-
Ask HN: Why aren't there any real alternatives to Electron?
I have to use Discord and Element on a regular basis (which both use Electron). They both use an unreasonable amount of RAM, and I feel this even more as my laptop is quite old and has 4GB of RAM.
I keep looking for alternatives to Electron, which wouldn't require such heavy resources to run, but my searches always seem to come up short. There are a number of solutions that are either dead or are not ready for production yet, such as React NodeGUI[0], Proton Native[1] or react-native-desktop-qt[2].
There's react-native-windows, but I'm not running Windows, and even if that did gain Linux compatibility it seems that they're quite focused on Microsoft-owned platforms.
Is "just stick Chromium into all your apps" seriously the best we can do as an industry? It's resource-inefficient to high heaven, not to mention that it's slow and doesn't integrate with the native platform styles at all. As a JavaScript developer, I'm quite surprised this is the best there is for cross-platform JavaScript development.
[0]: https://github.com/nodegui/react-nodegui
-
9 Ways You Can Use React Today in 2022
React NodeGUI is slowly gaining popularity for bringing react directly to the desktop development experience, powered by Qt5.
- How do you create a cross-platform GUI without using Electron?
-
Qt Vs react native for desktop apps?
Also, for React desktop apps, have a look on React NodeGUI, you will notice Qt 😉
-
Announcing Svelte NodeGUI, a lightweight Electron alternative with native UI, based on Node.js!
On the React and Vue github repos the README contains this disclaimer:
-
NodeGUI React Component by Component
I was going to name this piece by piece or the building blocks of, but I want that sweet, sweet SEO. In my last post I kind of brushed on NodeGUI and one of the negatives I listed was it was a bit light on examples so I since decided to remedy that by contributing to the project here and here thus far. I also got involved with the Vue version of NodeGUI, it’s not as polished or production ready as the react one yet but I hope to help with that.
What are some alternatives?
jspaint - 🎨 Classic MS Paint, REVIVED + ✨Extras
awesome-electron-alternatives - A curated list of awesome Electron alternatives.
DeskGap - A cross-platform desktop app framework based on Node.js and the system webview
pywebview - Build GUI for your Python program with JavaScript, HTML, and CSS
wry - Cross-platform WebView library in Rust for Tauri.
svelte-nodegui - Build performant, native and cross-platform desktop applications with native Svelte + powerful CSS-like styling.🚀
Godello - Trello inspired kanban board made with the Godot Engine and GDScript, with a real-time collaborative backend (Elixir and Phoenix Channels) and a local backend for offline usage (Godot Custom Resources)
MudBlazor - Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.
sciter-js-sdk - Sciter.JS - Sciter but with QuickJS on board instead of my TIScript
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
react-native-desktop-qt - A Desktop port of React Native, driven by Qt, forked from Canonical
graffiti - HTML/CSS engine for node.js and deno.