garden VS Rete.js

Thanks for the vanilla-extract recommendation, I'll be using this!

In my case, tailwind was useful for providing a handy set of vocabularies for simple and common stylings. But once customizations start to pile on, we're back into SCSS. Using 2 systems at once meant additionally gluing them with the postcss toolchain, so effectively we have 3 preprocessors running for every style refresh.

Looking in at TypeScript from the clojurescript ecosystem though, I'm still yet to see an equal to https://github.com/noprompt/garden or https://github.com/Jarzka/stylefy: single language, excellent composability, compile-time anonymous class names, inline styles... almost like they solved CSS (except for typing)

I spent some time doing this ~3 years ago, so I don't know about now, but to my knowledge it was the only language where you could really use one language for everything: no HTML (via hiccup), no CSS (via garden), clojure/clojurescript everywhere, and no shell (via babashka).

Aren't there quite a few of these? Scratch or its cousin Snap (https://snap.berkeley.edu/snap/snap.html), or even a visual flow editor for React (https://app.flowhub.io/#project/c111454c9fd2f74d37d1e8a4e739...) or the similar https://retejs.org/

While this article won’t delve into detailed guides on how to use Rete.js, you can easily find them on the official website at retejs.org. Instead, you can leave your feedback in the comments section below or ask questions on our Discord server.

I've found retejs and litegraph Has anyone used any of these or some others. What's the pros and cons? Or limitations of these.

should be possible using js libs like https://github.com/retejs/rete

Rete.js could be a good option. You would have to add a bit of styling to make the components look like their circuit diagrams.

I've never used F#, but I'd imagine if you're in the .NET ecosystem, you'll get a lot of excellent tooling for free. I don't think clojure's tooling is well suited for large projects. But you might actually find use for crazy stuff. Just today I'm trying to generate a tree whose nodes update like a spreadsheet. Looking around the typescript ecosystem, it looks like the most popular library is rete.js. But if you look at the examples, there's so much code just to set up 3 nodes! Class inheritance, Sockets, Components, Controls. So I pull in clojure, write a macro with a simplified graph definition syntax, and generate a graph instead. There's no Classes, no Components. Just data. Transform the graph, send to reagent, bam, visualized and interactive. For these (admittedly limited) use cases, I don't know a more powerful language.