Hacker News: bosmarcel

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Mon, 07 Sep 2026 08:20:25 +0000

Looks nice!

Imho, custom elements are great, but very limited in a way that they almost always require knowledge of the domain.

Perhaps I can figure out a way to combine mador.js & custom elements.

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Mon, 07 Sep 2026 06:14:24 +0000

Great post/reply, thanks a lot

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 22:03:59 +0000

Hahaha! Exactly

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 22:01:34 +0000

That's a fair distinction, but I think they solve different problems. Signals are great, but they usually require managing primitives individually and don't map directly to deep, nested JS objects the same way. Mador is specifically about dropping in a plain, nested object and working with it like normal JS without .value "boilerplate". Appreciate the feedback on the README phrasing though—I'll tweak it so it doesn't sound like a false dilemma!

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 21:40:21 +0000

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

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 21:37:25 +0000

O yes, thanks, appreciate it! I'm tired now, but i will find the time tomorrow to make it more readable!

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 21:34:34 +0000

It is based on ref. equality, so assignment through '=' will trigger an "effect".

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 21:07:16 +0000

Thanks, I really appreciate it! Hope others will feel the same. The frontend community needs and deserves simple tools:)

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 20:49:17 +0000

Thanx a lot!

New comment by bosmarcel in "Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple"

bosmarcel — Sun, 06 Sep 2026 20:45:35 +0000

Hey HN! I wanted to see how far you can push modern JavaScript Proxies without all the heavy overhead of a traditional framework. The result is Mador: a tiny ~80-line reactive state tuple ([r, w]) that lets you make any DOM element reactive using a simple CSS selector, automated dependency tracking, and batched microtasks. No build steps required—just drop it in. I built this over the weekend just to experiment with clean, zero-dependency reactivity. Would love to hear your thoughts or see where you'd run into limits with something like this!

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

bosmarcel — Sun, 06 Sep 2026 20:45:13 +0000

Article URL: https://github.com/marsbos/mador

Comments URL: https://news.ycombinator.com/item?id=49590738

Points: 99

# Comments: 34

New comment by bosmarcel in "Show HN: Flynt.js – 2.2kb, zero-build, CSP-safe reactivity library for MPAs"

bosmarcel — Sun, 16 Aug 2026 17:42:31 +0000

Hi HN! Creator of Flynt.js here.

I built Flynt.js to solve a common pain point in Multi-Page Application (MPA) setups like Magento/Hyvä, Laravel, and Rails: managing complex UI state without polluting HTML templates with heavy inline JS logic or dragging in massive framework bundles.

Key features: - Zero-build & Lightweight: ~150 lines of plain JS, zero dependencies. - Clean HTML (Presenter Pattern): Decouples logic into JS Presenters instead of heavy inline template attributes. - 100% Strict CSP Compliant: Never uses eval() or new Function(). - Native-friendly: Built-in automatic request aborting (no race conditions) and key-based DOM diffing for lists.

Currently working on a form extension for native HTML5 validation handling.

Would love to hear your feedback, thoughts, or suggestions!

https://github.com/marsbos/flynt.js

Show HN: Flynt.js – 2.2kb, zero-build, CSP-safe reactivity library for MPAs

bosmarcel — Sun, 16 Aug 2026 17:40:33 +0000

Article URL: https://github.com/marsbos/flynt.js

Comments URL: https://news.ycombinator.com/item?id=49322015

Points: 12

# Comments: 1

New comment by bosmarcel in "Show HN: Fluent-state: a new fresh take on local React state"

bosmarcel — Fri, 18 Jul 2025 11:18:10 +0000

Hi everyone!

Thanks for the interest in fluent-state.

Just a quick note: for easy installation and trying out the demo, check out these links:

NPM: https://www.npmjs.com/package/fluent-state

Demo: https://stackblitz.com/edit/vitejs-vite-uh4kyzkf?file=src%2F...

The GitHub repo is still available here for source and issues: https://github.com/marsbos/fluent-state

Happy coding!

Show HN: Fluent-state: a new fresh take on local React state

bosmarcel — Fri, 18 Jul 2025 11:07:06 +0000

Hi HN

I built *fluent-state*, a lightweight React hook that replaces useState, useReducer, useMemo, and useEffect.

It gives you:

- A fluent, proxy-based API: `state.user.name('Joe')` - Immutable updates without spread logic - Automatic dependency tracking - Built-in `compute` for reactive, memoized derived state (no useMemo needed) - Built-in `effect` for reactive side-effects with automatic dependency tracking (no useEffect needed) - Zero boilerplate, full control

Designed for local state, nested structures, and clean, declarative code.

Demo: https://stackblitz.com/edit/vitejs-vite-uh4kyzkf?file=src%2F... GitHub: https://github.com/marsbos/fluent-state NPM: https://www.npmjs.com/package/fluent-state

Try it out plz.

Comments URL: https://news.ycombinator.com/item?id=44603334

Points: 5

# Comments: 1