4 ms·
Show HN: Effect UI – PoC of a reactive UI framework built with Effect
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 https://x.com/m9tdev/status/1938148717158076811
- bykhun 1y agoThis is crazy! I wonder if there’s a simple performance comparison possible?
- m9t 1y agoI'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.
- m9t 1y agoRestarted from scratch to work around the limitations of JSX. Original can be found here: https://github.com/mathieupost/effect-ui/tree/first-attempt https://github.com/mathieupost/effect-ui/tree/first-attempt