Hey guys, what is the proper way to use JSX components with re-frame/reagent ?

hi all. What is the recommended way of applying error boundaries to a reagent 0.8.x app?

googling i came upon this: https://github.com/reagent-project/reagent-cookbook/wiki/Error-Boundary but it seems outdated because recalcitrant seems to geared towards React 15.

And its demo uses reagent 0.6.0

This changelog indicates it is now supported by reagent itself: https://github.com/reagent-project/reagent/blob/v0.8.0-alpha2/test/reagenttest/testreagent.cljs#L1003-L1004 Is that right?

i figured it out. This link is outdated: https://github.com/reagent-project/reagent-cookbook/wiki/Error-Boundary

I’m interested in this @hans378 - can you write some pointers?

is there a function in reagent to add props to an element? if i wanted to add a :key prop from a function, for instance

another way to ask that question - is there a way to mark a component as "all of my children are static, you do not have to warn me that they all need a key - i promise to add a :key in a for loop!". Adding the key metadata to every element is like 20% of the text in my views (slight hyperbole)

@hoopes would this solve your problem? (into [:div] [[:div "hello"] [:div "world"]]) <---- no keys needed

whereas this will trigger key warnings ... [:div '([:div "hello"] [:div "world])]

Further explanation https://stackoverflow.com/questions/37164091/how-do-i-loop-through-a-subscribed-collection-in-re-frame-and-display-the-data-a/37186230#37186230

yeah, i was wrapping material components with something like

(defn grid [props child & children]
   [:> Grid props child children])

and i think i'm applying the children argument incorrectly (where the destructuring turns it into a seq?)

but i did see your answer to that SO question, and didn't understand how i wasn't doing something verrrry close to that, but i'm pretty sure i'm just making dumb beginner mistakes

damn, i've been a beginner for a while now...

Test:

(defn grid [props child & children]
   [:> Grid props child (vec children)])     <--- note use of vec

Test #2

(defn grid [props child & children]
   (into [:> Grid props child] children))

Dunno enough about Grid to know which of these will be right for you

Uncaught Error: Invalid arity: 3 both of them are giving me this error, but thank you - i will definitely experiment with these

i was thinking i had to add key to everything

and i didn't think people would be ok with that 🙂

it's 5PM EST on a friday - i'm gonna take a break, but thanks again, and thanks for re-frame!

@hoopes 👍

much later than 5pm for @mikethompson I believe

oh wait, it’s just a new day

time zones are crazy

9am in the morning here :-)

🤯

you are speaking from the future

New Zealand is the most futurist.

11am on Saturday over there

Thought you were New Zealand actually, but I guess sort of close

guess have strayed too far away from reagent though, need a #timezone channel I guess 😜

We're all "Antipodean"