helix

2024-05-03T14:22:32.575509Z

I am comparing helix and fulcro. I imagine helix would be preferable if you want to use a preexisting (react/js) gui toolkit providing styled components, but I am not sure. Are helix users using any preexisting (react/js) gui toolkits providing styled components? Which ones and how is that going?

dvingo 2024-05-07T14:34:29.159709Z

I'm using mantine but note that some of the js libs that are written as js modules might require a different shadow-cljs config. I'm now exclusively using the :js-provider :external in shadow-cljs and then bundling the js dependencies with either rollup or esbuild here is an example using the latest js-joda packages as well as tanstack query https://github.com/dvingo/shadow-cljs-js-joda-locale-bug/tree/main

dvingo 2024-05-07T14:36:24.374209Z

there's lots of great libs in the space though, some more to consider: https://primereact.org/ https://atlassian.design/components

peterdee 2024-05-09T15:34:07.527169Z

We use helix with Material UI. I think I have some small part of Material's Theme capability working. I think the challenge of using it all about learning Material's way of doing things. We use CodeMirror, where style has a bit to do with parsing. We also use ChatScope, https://chatscope.io/ but that is styled through CSS. When I started this project a year ago, I knew next to nothing about front end development. I tried many of the Clojure tools but I like Helix most because I can learn from Javascript React examples and write similar Helix code without much work.

➕ 1
xlfe 2024-08-16T23:53:28.585219Z

+1 to Helix with Material UI, been using this for a few years now and very happy. I've paired it with Keechma Next for state and routing too

2024-05-06T10:53:48.846339Z

Thanks, very helpful.

2024-05-06T10:55:20.019729Z

This weekend I discovered Radix UI, Mantine, Material UI, DaisyUI, and shadcn/ui. Whew!

peterh 2024-05-05T16:28:18.640949Z

Maybe it doesn’t count as a "gui toolkit providing styled components", but I am using Helix with unstyled Radix components (https://www.radix-ui.com - they also have themes, which I didn’t try yet) and style them using a CSS-in-JS library called Stitches (which sadly got abandoned by the developer, but is still very usable). I found the integration with Helix to be very straightforward and easy, since Helix is just a thin wrapper around React.