Lein template for Fulcro updated. It now includes a shadow-cljs option! The shadow-cljs compiler makes using NPM-based js libraries a lot easier.

lein new fulcro my-project shadow-cljs demo

Will the book get a section for migrating to shadow-cljs? 😄 Getting tired of having to run lein clean every time to prevent the NPM stuff going nuts

no, but you could make a template and just look at the differences

it is pretty nice, actually

very small code differences in dev mode: so some slight restructuring around that.

I don't know...maybe I'll write it up somewhere.

Ok then, will take a look 🙂

@cjmurphy Have you examined the output HTML? Browers generally collapse whitespace. Looks like you've got something else funky going on in your css or elsewhere, given that you're divs are behaving like spans.

No not yet. If I use spans will it clear up the problem? Can't be too much funky as the css is raw (no bootstrap or anything). My Google search says 'nowrap' can be a problem (well maybe it says that). If the browser is doing the collapsing, then how do I tell it not too? Will look at the HTML now...

What I suspect you want is something like

(dom/div nil
                 "All that "
                 (dom/span (clj->js {:className (:gold-coloured global-css)}) "glitters")
                 " is not gold")

I think, given you're doing a function call in your attribute definition, you need clj->js instead of #js (which only works for literals)

That actual html seems good: <div class="default-db-format_ui_domain_CSS__red-coloured"> glitters </div>

Browers will collapse whitespace between block elements, yes.

And divs are block elements.

Cool. Been a while since I've done HTML but the usefulness of spans is coming back to me. Thanks grzm.