No

maybe you can test (if (coll? x) (clj->js x) x) should be safe always to call js->clj

for advanced clj->js->clj v

https://github.com/mfikes/cljs-bean

React does support hooks, it's documented.

I meant using the hooks within reagent, I am not sure how to approach it. For instance react tables v7 exposes the useTable hook

I meant that as well: https://github.com/reagent-project/reagent/blob/master/doc/ReactFeatures.md#hooks

Yeah that is a great example on creating a hook within the component. I am battling to find an example of re-using a pluggable hook another library exposes

Can you link a JS example?

Sure https://react-table.tanstack.com/docs/examples/basic In particular:

const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
  } = useTable({
    columns,
    data,
  })

But that's exactly what the Reagent documentation example I linked you to does..?

It will simply be

(let [^js table (useTable #js {:columns columns, :data data})
      get-table-props (.-getTableProps table)
      ...]
  ...)

Of course, you don't need to bind every field from the resulting object to a separate name - you can just use them via interop as well, like (.getTableProps table) instead of (let [f (.-getTableProps table)] (f)).

Ah thanks! Yeah sorry being completely new to CLJS I am not sure which are the parts that are working and which aren't still making my way through all of the courses. Thank you for being such a great help! This really was the last hurdle that was blocking me

Sure thing, and no need to be sorry - we all start somewhere. A few things, just in case: • There's the #beginners channel that might come in handy, especially if your question is more CLJ oriented • Don't work with multiple new things at a time - try to get comfortable with them one by one. CLJS-JS interop should be a good first thing, if you aren't comfortable with it yet.

Great thanks 🙂

you could try using a defn that takes ref as a prop

(defn transition
  [props]
  [:> Transition (assoc props :direction "up")])

the purpose for forwardRef is to paper over a historical problem in the React API

ah, I do see that you are not the one to render your transition component tho. so I think what you posted is actually the best way to do this. I'm not intimately familiar with how UIx as-react works with refs

The "simplest" way is to make a github repo with a basic deps.edn setup, then have a thing they can copy paste from the readme to include the git dependency

The second simplest way is to do the same with deps or lein and have it published on jitpack

but as far as SEO is concerned, idk

what does SEO mean?

(.toLocaleString 1234556677534.34) results in "1,234,556,677,534.34". There might be a built-in that serves your purposes

this has the added benefit of presumably working with different separators

wow haha ok looks like the functionality's already there. wish it was easier to locate

"search engine optimization" - how to appear when someone googles "format integer clojurescript"

ahhh ok thank you

i found that because i first checked to see if the goog library had something. it did not so i then just googled it

Ok you googled for a js function bc you knew it would be interoperable right?

not sure i follow. i looked at js functions because you can always use interop with the host language

Gotcha gotcha thank you!

there is also https://google.github.io/closure-library/api/goog.i18n.NumberFormat.html

ah that's what i was looking for first

Perfect thx