Show HN: Effect UI – PoC of a reactive UI framework built with Effect

[m9t]

Hi HN, I'm Mathieu and two days ago I ran into a YouTube video about Effect ("a powerful TypeScript framework that provides a fully-fledged functional effect system with a rich standard library"). This made me so exited that I wanted to build something with it and this is the result!

Effect UI - A reactive UI framework completely build with Effect.

Reactive properties are SubscriptionRefs which make fine-grained reactivity possible (like in SolidJS, no re-renders like in React). Components are just Effects, which makes dependency injection of themes, clients and stores possible by using Contexts.

It is just a proof of concept, but I think it's pretty cool! Let me know what you think or how I can improve it, since I'm definitely not yet an Effect expert.

You can see a basic demo on my Twitter/X profile: https://x.com/m9tdev/status/1938148717158076811

[m9t]

Restarted from scratch to work around the limitations of JSX. Original can be found here: https://github.com/mathieupost/effect-ui/tree/first-attempt

[bykhun]

This is crazy! I wonder if there’s a simple performance comparison possible?

[m9t]

I'll look into that! For now my focus will be on fixing TypeScript types, since a lot of functions/components return `Effect.Effect<any>` now.