I would switch to Rum. I have used reagent for ~3 years and quite liked it for its ease of use, but I prefer Rum now even it is a little more involved. Rum also uses Hiccup and is like 99% compatible with reagent’s Hiccup, so the actual lines of code that need to change shouldn’t be too numerous. My preferred cljc stack is Rum + Pedestal

Alternatively, if you won't change that modal too often and if it doesn't share a lot of code with the main app, you can just write it in plain HTML. That's what I do, albeit for much simpler "App is loading" things.

And then you would also rewrite the simple modal into vanilla js?

Sure, especially given that there's https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

And if you want to deliver your CLJS bundle right with that page (or the main module, if you use module splitting), then goog also has a decent amount of dialog-related functionality.

dat Rum though…

Recently, I test the old way approch (to build an app) but with some modern libs. I use ornament and rum to style components and render them to the server (CSS in clj). I use htmx and when I need more interactivity, I use rum with SSR. I agree with @U4P4NREBY. rum is very cool to use.

@U024A5W9WBG you could use a simple #nbb script to render the landing page on the server side at build time. Here's an example from @U04V15CAJ: https://github.com/babashka/nbb/blob/main/examples/reagent-ssr/example.cljs

I have a very low tech way of achieving the goal: I just open my page in development, find the "app" <div>, copy outer HTML, and paste it into my index.html <-- it's very quick and dirty but it allows me to whack an async on the ClojureScript load.... the HTML shows the DOM before the app loads, and you don't notice when it takes over unless I change the default page and forget to recopy it. Sorry if this is too manual, just giving an option here if there isn't a clear way to integrate it into your built tools.

How does a dialog help?

Thanks @U06S1EJPL, that is in fact exactly how i do it now 😄

I guess I shall directly perform a map over the dict.

Yeah, it is impossible to pass an fn but it would be nice IMO.

If you don’t mind pulling in an extra dependency, then I think https://github.com/mfikes/cljs-bean may also do the trick for you. See here 👉 https://github.com/mfikes/cljs-bean/blob/master/doc/key-mapping.md

Sadly for the recursive version, i.e., ->clj, keywordFN cannot be specified.

i think this was being talked about in #cljs-dev

ah, yeah, probably a better place. Thanks 🙂