uhtml
joystick
Our great sponsors
uhtml | joystick | |
---|---|---|
14 | 46 | |
821 | 186 | |
- | 1.1% | |
9.0 | 9.7 | |
about 1 month ago | 3 days ago | |
HTML | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
uhtml
-
Svelte frontend vs HTMX and hyperscript
I have to say that I am an extremist minimalist, so I use a nano-framework I developed for the frontend, with uhtml (https://github.com/WebReflection/uhtml) and some JavaScript libraries to help.
-
Xeito - A framework for building web applications
One of the main decisions I had to make early on was template handling, there are many approaches out there and of course, with React being the king, I first tried implementing a VirtualDOM complete with JSX support and whatnot... well that didn't really worked for what I was trying to achieve, so I moved into Tagged Template Literals (through µhtml) and tried to stick to standards as much as possible by building on top of the Custom Elements API.
- Anyone have multiple language syntax highlighting with treesitter working?
-
Ardi: Welcome to the Weightless Web
Challenge: With declarative rendering, oftentimes entire DOM trees are re-painted because of simple prop or state changes that could have been handled faster by imperative DOM manipulation. I wanted a framework that, like Lit, only updated content or attributes that had changed instead of re-painting entire DOM elements and trees. Solution: I chose µhtml for the default templating system because it accomplishes this goal and other advanced templating features in a tiny bundle size. To make rendering even faster and smoother, I throttled uhtml's rendering using requestAnimationFrame.
-
Ask HN: What happened to vanilla HTML/CSS/JS development?
> There are lighter-weight shadow dom frameworks out there (than Vue/React/Angular) so why would you want to write one yourself?
You can even avoid a shadow DOM entirely:
-
I don't miss React: a story about using the platform
My next goal would be to discard snabbdom (and virtualdom) and use custom elements. For that I'm evaluating a library like https://github.com/WebReflection/uhtml and all it's ecosystem of utility
-
Hooks Considered Harmful
A tiny dom lib like https://github.com/WebReflection/uhtml is more than enough for very complicated UI, with understanding how events work, will be able to implement very thin state management on top. With game programming styled manual render() call here and there as needed, pretty neat.
-
A Look at Compilation in JavaScript Frameworks
Svelte separates its code between create and update lifecycles. Solid takes that one step further hoisting the DOM creation into clone-able Template elements that create whole portions of the DOM in a single call, incidentally a runtime technique used by Tagged Template Literal libraries like @webreflection 's uhtml and Lit.
-
Show HN: I Built A
I do not see this happens with https://github.com/WebReflection/uhtml/blob/master/DOCUMENTA... family. They are around for quite awhile, and their philosophy is clear from start, do one thing well, small and no tooling.
joystick
-
Web Components Eliminate JavaScript Framework Lock-In
There is. I was frustrated by all of the chaos and built a solution [1]. Not too far of from an RC1 and then a 1.0 (which is being done slowly so I can freeze APIs and avoid the typical JS rug pulls).
-
Web Components Will Outlive Your JavaScript Framework
I was excited for web components, but the API was lacking (the final tipping point that led me to build Joystick [1]). I just couldn't get on board with a web-standard that eschewed HTML in favor of stuff like this [2] where list items are attributes. The hyphenated namespace thing has always made my eye twitch, too (silly, I know).
[1] https://github.com/cheatcode/joystick
[2] https://github.com/mdn/web-components-examples/blob/main/edi...
-
We should start to add “ai.txt” as we do for “robots.txt”
I've been (slowly) writing a new type of OSS license around this exact concept so it's easier to (legally) stop LLMs hoovering up IP [1] (under "derivative works not permitted").
[1] https://github.com/cheatcode/joystick/blob/development/LICEN...
-
React is a fractal of bad design
Joystick [1] will let you go. No Stockholm syndrome. No lotion in the basket.
-
The Great Gaslighting of the JavaScript Era – The Spicy Web
If you share the sentiment of the author and want to get on the road to recovery, I submit Joystick [1]. I had similar frustrations to this and decided to do something about it [2].
[1] https://github.com/cheatcode/joystick
[2] Please give it an honest a look and save the XKCD "muh standards" comic and accompanying snark for after you've taken it for a spin.
-
Ask HN: Freelancer? Seeking freelancer? (March 2023)
SEEKING WORK / Remote
Location: Tennessee, US
Remote: Preferred
Contact: [email protected]
---
Full-stack JavaScript developer (any front-end JS framework; Node.js on back-end with adaptability to Deno and Bun). Founder @ CheatCode and author of the full-stack JavaScript framework, Joystick [1] (fully-integrated UI framework a la React with a batteries-included Node.js back-end).
I specialize in designing and building full-stack apps, handling all UI design [2], front-end development, and back-end development. Using Joystick, I can deliver a high-quality result very quickly that can be picked by any junior-level JS developer due to the simplicity and web standards-adherent approach of the framework.
Recent Testimonial:
“We worked with Ryan to develop an internal security monitoring tool for the Coinbase security team. Ryan was great to work with. He’s an excellent developer and communicator with great vision and eye for the UI. I highly recommend working with Ryan and CheatCode if you’re looking to ship a high-quality piece of software."
- Xavier Cadena
---
-
Ask HN: What would be your stack if you are building an MVP today?
Joystick [1] using MongoDB as the primary database. Run a few instances on VPS and then a load balancer in front. This is how I run my site [2] following a massive amount of headaches and random downtime fighting w/ a k8s cluster. Zero downtime since I moved it over in October.
-
Alpine.js
How about plain HTML, CSS, and JavaScript? [1]
[1] https://github.com/cheatcode/joystick#writing-a-component
-
GitHub Is Sued, and We May Learn Something About Creative Commons Licensing
This may be of interest to others here. After reviewing the existing OSS licenses, I decided to write my own (SAUCR: Source Available Under Commercial Restriction—pronounced "saucer"). I'm still working on formalizing the details of it so others can use it, but if you're curious there's an example here [1].
tl;dr it gives specific permissions as to what derivative works are and are not permitted while making the source available for others. The key being: you can be as permissive or as limited as you want in how your code is used.
[1] https://github.com/cheatcode/joystick/blob/development/LICEN...
What are some alternatives?
lit - Lit is a simple library for building fast, lightweight web components.
SvelteKit - web development, streamlined
react-use - React Hooks — 👍
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
concise-encoding - The secure data format for a modern world
svelte-native - Svelte controlling native components via Nativescript
next-runtime - The Next.js Runtime allows Next.js to run on Netlify with zero configuration
arduino-cli - Arduino command line tool
htmx - </> htmx - high power tools for HTML
webcontainer-core - Dev environments. In your web app.
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
Home Assistant - :house_with_garden: Open source home automation that puts local control and privacy first.