maybe a dumb question.. but how do i get a reference to the domnode created(using hoplon) by a regular fn or a defelem..? Most integrations with an existing js lib, requires the dom element as an input..

(hoplon.core/div
  (let [node (hoplon.core/div)]
    (js/some-lib-fn node)
    node))

@cdine: the hoplon fns are simply constructors that return a dom element, so you can pass the element they return into any js lib that takes one.

@jumblerg , thanks.. that was straight forward.. let me give it a try.. Does hoplon.core/div create an (dom) element? Last time when i Poked around hoplon, when parentfn invokes childfn which has say (h/div "something") (h/div "something else") , it resulted in only the second div being rendered...

and of course wrapping them in a parent div did work...

or more idiomatically using with-let:

(hoplon.core/div
  (javelin.core/with-let [node (hoplon.core/div)]
    (js/some-lib-fn node)))

oh I see the difference now

yes, the div fn constructs a dom element and sets the attributes you pass it as properties on that element.

apologies if the questions are dumb, coming from a react background, trying to wrap my head around this and find it difficult to cut loose the old habits (think react lifecycle n stuff)

nope, not at all. i asked them too once.

will try this out now.. thanks again

no lifecycles to be found here!

you can see how the element constructors work at: https://github.com/hoplon/hoplon/blob/master/src/hoplon/core.cljs#L408-L522

that makes more sense...

they all invoke (.createElement js/document "div") at the bottom.

@cdine it’s because the hoplon functions return a dom element, so you can only return one from your function (like any other function) - but, a vector works

(defn foo [] (div) (div)) = bad, (defn foo [] [(div) (div)]) = ok

Yeah I realized right after I'd asked that question.. should be similar to how regular fns work ...

@cdine it confused me too for a while, i was overcomplicating things in my head

react does that to you

@dm3 i’ve never actually used react 😛 i’ve only heard about it from other ppl

hoplon has done everything i’ve needed so far

you see? React will influence you even if you don't use it!