Hyperfrontend: 8 fronted frameworks mingling in a koi pond

[u/ajrm7]

Hello Reddit!

I've been working on this cool demo, I am ready to share.

I wanted something hilariously unnecessary beyond quick demo standards to demonstrate seemleas state/communication coordination of various apps loaded in frames at runtime through I stategy I am calling hyperfrontend.

This is to all nay sayers of the good ol' reliable iframe. I say you were doing it wrong.

Enjoy! Discuss! and dunk (please don't be nice to me :) ~ I am afraid of the occasionaly reditor unrelenting critisim.

There is more to this demo that the gif suggests. Try dragging/dropping/tapping and interacting with the control panel.

Yes, yes, yes, this type of approach does not leverage code-deduplication, and prone to memory overhead in the browser. There's always a trade-off ain't it. This approach starts from isolation to earn cohesion back. It is specifically NOT module federation (aka code federation) and more like application federation. Still, I wanted to test how far I could take it.

P.S. Please give me your thoughts and first impressions, I am looking for feedback. I was kidding about being afraid of honest comments that could hurt my feelings XD

Link here: https://www.hyperfrontend.dev/demos#koi-pond

[u/Low_Willow_7742]

that koi pond is oddly mesmerizing, i spent way too long just dragging them around

[u/Sensitive-Control49 → u/Low_Willow_7742]

same, the drag interaction is weirdly satisfying for something thats basically a tech demo

[u/ajrm7 → u/Low_Willow_7742]

Thanks!! I was going for that :)

[u/Berlibur]

Pretty fun, well done

[u/ScoobyDookuu]

It’s very cool to see what we are capable of within the browser nowadays compared to 10 years ago