Clojurians Log v2

hi! what this :f> means in Reagent?

Render a function component

Welp... I need to have an actual hyphenated property but reagent converts it to camelcase. what to do?

What is the case where you need this? React needs camelCase for all element properties. data- and aria- properties are special case, and should be ignored by Reagent.

Or hmm... nowadays React just uses "unknown" properties as is: https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html IIRC Reagent won't touch the key if you use string as key. [:div {:on-click "this key will be converteted" :data-foo "data- property names aren't converted" "string-key-foo-bar" "this key is used as is"} ...]

Yeah reagent will convert just keyword and symbols to camelCase: https://github.com/reagent-project/reagent/blob/master/src/reagent/impl/template.cljs#L48-L55

https://dev.w3.org/SVG/modules/renderorder/SVGRenderOrder.html

https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes React doesn't directly support that property, but should work as-is if you use string as properties map key.

[:g {"render-order" 5} ...]

Hmm, I wonder if render-order was ever implemented in browsers? That spec is just a draft, and searches don't return anything.

Yea it doesn't appear to be working very well haha

Hi all, is there a way to serialize hiccup with a custom component? Not sure how to get

[:div 
 [foo.bar/custom-component]]

@limix If all you are sending is the symbol, you need to walk the hiccup and replace the symbols with the references they should point to

its a bit tedious, but if you keep a map at runtime of symbol name -> function (basically reifying the namespace) it shouldn't be too bad

think something like

(def serializable-components (atom {}))

(defn component-a []
  [:p "hello"]

(swap! serializable-components assoc `component-a component-a)

maybe making a macro of the last 2 forms

Thank you @emccue really appreciate the help