reagent 2022-03-21 | Slack Archive

baibhavbista02:03:34

Say I'm using reagent features like track, cursors to have reactivity (so that functions are re-run when value changes) I'm running into cases where sometimes I want reactivity and sometimes I don't Is there a way I can make the function using track and cursors to be non-reactive? (i.e. evaluated only once when I call it and not evaluated when the value changes)

baibhavbista07:03:55

Also, if there a way to do that but for functions which call functions which in turn have cursors and the like? (i.e. nested case of the question above)

Dustin Paluch04:03:03

the readme says that reagent uses “hiccup-like” markup, but isn’t actually depending on hiccup or a cljs port of it, is it?

mikethompson06:03:48

No, Reagent has its own implementation.

👍 1

Yosevu Kilonzo05:03:47

Hello, how do I render a react element like this with reagent?

baibhavbista06:03:52

In case you need React interop, this may help: https://github.com/reagent-project/reagent/blob/master/doc/InteropWithReact.md

Yosevu Kilonzo13:03:19

Thanks, I tried create-element, but I get this error. The component renders when I put it in JSX so there must something else I am missing.

Yosevu Kilonzo03:03:09

My issue was that I was incorrectly accessing the source component from a JS object.

Mitul Shah20:03:24

Would anyone know how to write the equivalent in Reagent? I’d like to have a prop to render a component as whatever HTML element I’d like

Mitul Shah20:03:37

@UGT1B8S3T are you trying to do same thing?

mkvlr20:03:22

just a function that you pass the keyword for the element as an argument?

Mitul Shah20:03:53

yup

Mitul Shah20:03:14

but also have a default if no keyword is passed

mkvlr20:03:02

using or in the function?

Mitul Shah20:03:18

in the function right?

mkvlr20:03:40

yep

Yosevu Kilonzo03:03:38

My issue was with the way I was accessing the source react component.

Yosevu Kilonzo03:03:57

Have you tried to translate it to cljs?

🥲 1

Mitul Shah14:03:52

I wish I knew where to start 😅 Not sure if cljs allows anything similar to as prop still a beginner

oxalorg (Mitesh)11:03:00

@U023KKYKZNE this should work

(defn heading [children & {:keys [as]
                           :or {as :h2}}]
  (js/console.log children as)
  [as children])

(defn main []
  [:div
   [heading "Hello world in h2"]
   [heading "Hello world in small" :as :small]])

👀 1

🏆 1

Mitul Shah19:03:49

nice!!!! pretty neat. thanks so much

2022-03-21

Channels