graderjs
core
graderjs | core | |
---|---|---|
10 | 284 | |
155 | 44,710 | |
0.0% | 1.3% | |
0.0 | 9.8 | |
over 1 year ago | 5 days 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.
0: https://github.com/00000o1/jspaint.exe
- 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
[0]: https://github.com/crisdosyago/bang.html/
[1]: https://github.com/crisdosyago/graderjs/
-
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 :)
https://github.com/crisdosyago/graderjs
- 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.
https://github.com/c9fe/graderjs
core
- React.dev?Uwu=True
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
The easiest way to authenticate users with Vue.js
As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
-
Securing Vue Apps with Keycloak
Vue.js is an open source web framework that makes developing web applications easier.
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Vue 3 Explained: Rendering 101
Vue 3 Reactivity Source Code
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
What are some alternatives?
jspaint - 🎨 Classic MS Paint, REVIVED + ✨Extras
unplugin-vue-components - 📲 On-demand components auto importing for Vue
DeskGap - A cross-platform desktop app framework based on Node.js and the system webview
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
wry - Cross-platform WebView library in Rust for Tauri.
vite - Next generation frontend tooling. It's fast!
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)
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
react-native-desktop-qt - A Desktop port of React Native, driven by Qt, forked from Canonical
React - The library for web and native user interfaces.
sciter-js-sdk - Sciter.JS - Sciter but with QuickJS on board instead of my TIScript
auth - A JWT based API for managing users and issuing JWT tokens