frontpage.
newsnewestaskshowjobs

Open Source @Github

fp.

Open in hackernews

Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple

https://github.com/marsbos/mador
33•bosmarcel•1h ago

Comments

DylanMerigaud•1h ago
Clean launch, good luck!
bosmarcel•1h ago
Thanx a lot!
ahmedhossamdev•52m ago
Great work!
bosmarcel•50m ago
Thanks, I really appreciate it! Hope others will feel the same. The frontend community needs and deserves simple tools:)
antonvs•30m ago
This makes me think of a version of that comic where in the last pane, you get thrown out the window for suggesting such a sensible thing.
moostee•40m ago
Proposed variant optimised for human readaiblity...

```js import mador from "mador"; const [read, write] = mador({ count: 1 }); read(".counter", ctx => ctx.el.textContent = ctx.count); write(".increment", "click", ctx => ctx.count++); write(ctx => ctx.count = 0); ```

## Read

Dependencies are detected automatically when the read function is run during initiation.

```js read(".counter", ctx => ctx.el.textContent = `Count: ${ctx.count}`); ```

## Write

Immediate:

```js write(ctx => ctx.count++); ```

Event-triggered:

```js write(".increment", "click", ctx => ctx.count++); ```

Event writes expose `ctx.el` and `ctx.event`.

bosmarcel•20m ago
O yes, thanks, appreciate it! I'm tired now, but i will find the time tomorrow to make it more readable!
PoignardAzur•38m ago
Are reactive updates based on deep equality or reference equality?
bosmarcel•23m ago
It is based on ref. equality, so assignment through '=' will trigger an "effect".
bedroom_jabroni•21m ago
There are many standalone plug-n-play implementations of the signal primitive in JS. To name a few: preact/signals, vue reactivity, etc, there's even a TC39 proposal for a lang feature. Is this meant to stand out by doing things differently or reinvent them?
bosmarcel•17m ago
Honestly, mostly for the fun of building it and seeing how small and simple I could make it. While big solutions like Preact or Vue are great, sometimes you just want a tiny zero-dependency script without the overhead. And it turned out to be quite nice as I may say so
bedroom_jabroni•6m ago
preact/signals-core has 0 dependencies, your project could also benefit from mentioning what primitive is being implemented for the reader's information. The size difference is negligible. The readme creates a false dilemma where you there's either Mador or "having to use a framework" but it hasn't been the case for ages - as I mentioned above the major frameworks have decoupled versions of their reactivity available. This makes the other reply where "the frontend community deserves tools like this" sound weird because it ignores the great tools that have been available for a while.

Good learning experience but a very weird presentation.

Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple

https://github.com/marsbos/mador
35•bosmarcel•1h ago•12 comments

Show HN: VODForge – a free local desktop UI for YouTube video/playlist downloads

https://getvodforge.com/
17•coopernusbaum•1h ago•1 comments

Show HN: Byosynch – Continuous two-way file sync over SSH for Mac and Linux

https://byosynch.com/
3•hamiltonc•1h ago•0 comments

Show HN: Sol, my macOS music player and jukebox app, is now free and open source

https://github.com/FulltimeFeline/Sol
3•fulltimefeline•1h ago•0 comments

Show HN: Kadō – open-source habit tracker, with non-binary habit score, for iOS

https://github.com/scastiel/kado
64•scastiel•7h ago•29 comments

Show HN: HexBOTs – a cellular automaton with robotic lawnmowers

https://hexbot-genesis.netlify.app/
3•unitX•2h ago•0 comments

Show HN: TERMy – A fast terminal assistant that does not use LLMs

https://github.com/gioblu/NPC-Forge/blob/main/docs/development.md
209•gioscarab•2d ago•45 comments

Show HN: PixelDraw – simple drawing software for web(WASM) and desktop

https://akshy.codeberg.page/pixeldraw/
2•yhska•6h ago•0 comments

Show HN: Fly By – retro biplane flying game

https://michaelteter.com/flyby.html
84•michaelteter•5d ago•54 comments

Show HN: Dsnitch – Real-time, zero-config Docker egress inspector via eBPF

https://github.com/infomaniac777/dsnitch
5•infomaniac777•8h ago•1 comments

Show HN: Open-Source eInk Bike Computer

https://opentrailpaper.com
408•stingrae•2d ago•130 comments

Show HN: I stopped using an LLM gateway and put rate-limits/fallback in-process

https://github.com/LakBud/vernLLM
4•Buddo•9h ago•1 comments

Show HN: Wayfinder – A reference implementation for evaluating AI applications

https://github.com/DivakarUngatla/wayfinder
3•divakarungatla•11h ago•0 comments

Show HN: Reactor Atlas

https://reactoratlas.com
77•fedecaccia•3d ago•25 comments

Show HN: Blunderbase: A Personal Chess Database

https://github.com/philphilphil/blunderbase
3•philphilphil•14h ago•0 comments

Show HN: HyperCard to HTML Converter

https://github.com/stachon/hc2html
15•druidcz•1d ago•3 comments

Show HN: Moadim.io – A scheduler for agents

https://moadim.io/
35•tupe12334•1d ago•17 comments

Show HN: Personal Context MCP

https://lanes.sh/showcase/personal-context-mcp
25•s-xyz•1d ago•7 comments

Show HN: HN Match Maker – Matching "Who Wants to Be Hired?" With "Who's Hiring?"

https://hnmatchmaker.com/
125•all2•5d ago•46 comments

Show HN: OwnTime – a chess clock for your day's priorities

https://owntime.app/
115•fmos•5d ago•63 comments

Show HN: Amaze Kings – a browser logic puzzle with 1,400 hand-graded levels

https://kings.amaze-apps.com/
16•amaze-apps-com•1d ago•2 comments

Show HN: Cowbull – Wordle-like game where you only get match counts

https://cowbull.co/
4•ajayvk•21h ago•2 comments

Show HN: Getting to the top of Show HN is getting harder

https://artifactbin.dev/@vivek/6bXsx3-vol-2-show-hn-hall-of-fames
14•ppsreejith•1d ago•8 comments

Show HN: I made a retro falling block puzzle, with a twist ;)

https://blocknado.app/marathon
5•jamwise•21h ago•1 comments

Show HN: OpenMonitor – vendor neutral web monitoring cloud agent

https://www.openmonitor.website/
6•iacguy•21h ago•0 comments

Show HN: Fast Cut Video tool for cutting video for Agents

https://github.com/modecir/fast-cutvid
8•Modecir•1d ago•8 comments

Show HN: Merge Wikipedia articles across languages into one page

https://github.com/gojiplus/wikifuse
5•neehao•1d ago•2 comments

Show HN: I made a word building game supporting anagrams and one handed use

20•busymom0•3d ago•1 comments

Show HN: Newton's Orchard – Browser-based space/gravity playground

https://newtonsorchard.app
32•andrewchilds•5d ago•7 comments

Show HN: Weedout – Safari extension that hides YouTube AI-labeled videos

https://masteranza.github.io/weedout/
185•masteranza•4d ago•84 comments