Telegram Web
How do you do, fellow web developers? A growing disconnect (Score: 151+ in 12 hours)

Link: https://readhacker.news/s/6jMWS
Comments: https://readhacker.news/c/6jMWS
πŸ‘2πŸ’©1
Show HN: Mizu.js – Lightweight HTML templating library for any-side rendering (Score: 150+ in 9 hours)

Link: https://readhacker.news/s/6jNVg
Comments: https://readhacker.news/c/6jNVg

Hey HN,
I'd like to share a fun project I've been working on: mizu.js.
It's a js library that add functional attributes support into your html, designed to be a simple and flexible alternative to fully-fledged web frameworks (such as Vue, React, and Angular), while offering more capabilities than other lightweight options (like Alpine.js and htmx).
As it's written using modern ES features and due to its isomorphic nature, it can be run in both browsers and runtimes (Node, Deno, Bun) without any changes.
This makes it ideal for client-side and server-side rendering, as well as static site generation, whichever environment you prefer.
Just include the script in any web page (or backend) to get started.
You can template content, bind attributes, add interactivity, handle HTTP interactions, create custom components, and much more β€” all out of the box, without any configuration, transpilation steps, or builds.
I hope you'll find mizu.js as exciting and useful as I do and I'd love to get your feedback!
You can learn more about it at https://mizu.sh!
Online playground: https://mizu.sh/playground
Custom builder: https://mizu.sh/build
Code coverage: https://mizu.sh/coverage
GitHub: https://github.com/lowlighter/mizu
## Motivation ##
Nowadays, setting up a complete environment and installing thousands of packages is often required just to create a simple "Hello World" page.
Yet, with the current ECMAScript standard, vanilla JS has never been more powerful.
It offers built-in custom HTML components, proxies for changes tracking, weak references for better memory management, and many new data structures and methods.
So why is web development still insanely complex?
mizu.js aims to avoid adding bloat on top of native features, and instead focus on providing convenience helpers.
It's basically "glue" around all these native features with added sugar, a recipe for a lightweight yet powerful utility.
All evaluated expressions are interpreted as vanilla JavaScript, and you add your instructions directly into your HTML.
So if you know already know about JS/HTML, then you're already 80% know of how to use mizu.js (add an extra 10% if you've used Vue, Alpine.js or htmx in the past as some syntax and concepts are inspired by it), the rest is basically just remembering the directive names.
The learning curve is that small.
Also, you may have heard of https://matcha.mizu.sh, a CSS stylesheet to instantly make your web page stylized.
Well, it's a great companion to mizu.js. With both of them, you can create MVPs for your projects super fast!
πŸ‘4πŸ’©1
Clay – UI Layout Library (Score: 152+ in 11 hours)

Link: https://readhacker.news/s/6jNy5
Comments: https://readhacker.news/c/6jNy5
🀩8πŸ”₯2❀1
HAM radio operators receive signals from Voyager 1 on Dwingeloo telescope (❄️ Score: 152+ in 2 days)

Link: https://readhacker.news/s/6jFan
Comments: https://readhacker.news/c/6jFan
πŸ‘3πŸŽ‰2
Tldraw Computer (Score: 159+ in 6 hours)

Link: https://readhacker.news/s/6jQsk
Comments: https://readhacker.news/c/6jQsk
πŸ‘Ž1πŸ”₯1πŸ€”1πŸ’©1
A comparison to Waymo’s auto liability insurance claims at 25M miles (Score: 153+ in 6 hours)

Link: https://readhacker.news/s/6jQvJ
Comments: https://readhacker.news/c/6jQvJ
The Night Watch [pdf] (2013) (❄️ Score: 150+ in 3 days)

Link: https://readhacker.news/s/6jFk2
Comments: https://readhacker.news/c/6jFk2
❀2
Half My Life with Perl (Score: 150+ in 1 day)

Link: https://readhacker.news/s/6jLDY
Comments: https://readhacker.news/c/6jLDY
πŸ”₯2
OpenAI O3 breakthrough high score on ARC-AGI-PUB (πŸ”₯ Score: 173+ in 38 minutes)

Link: https://readhacker.news/s/6jRNb
Comments: https://readhacker.news/c/6jRNb
πŸ’©31πŸ”₯10πŸ‘Ž3😒3πŸ‘1πŸ€”1πŸŽ‰1
2025/07/12 18:32:25
Back to Top
HTML Embed Code: