Re-frame, reagent component life cycle and figwheel

1
votes

I'm trying to learn a lot of things at the same time, so my question could be a little off target.

I have created a re-frame-template project with lein and I have my default main component:

(defn main-panel []
  (let [name (subscribe [:name])]
    (fn [] [:div [:h1 @name]])))

I wanted to add an event listener for keypress, but I couldn't manage to do it correctly: if I only set (using domina) the (listen! ...) in the :component-did-mount, on every figwheel reload a new even listener is added to the old one(s). If I set the unlisten! in component-will-unmount, I get no result on keypress.

What I noticed is that on every figwheel reload, the :component-will-unmount is triggered immediatly after the :component-did-mount!

What am I doing wrong?

Thanks!

1
reagentfigwheelre-frame

1 Answers

1
votes

Ok, I've found my mistake. I had to call the react "methods" with with-meta.

So, for example:

(with-meta myComponent {:component-did-mount #(ev/listen! ...)
                        :component-will-unmount #(ev/unlisten! ...)})