Hi all, I find myself doing lots of (let [index (:index @state/app-state)]) statements in my reagent app. Is there some sort of global alias I can use to define these at the top level? Something like (def index (:index @state/app-state))? thx!

no but you can use a cursor

(def !index (r/cursor !app-state [:index]))

then use @!index to deref

an additional benefit is that components get rerendered more selectively

by the way I use the exclamation mark to mark "dereffables"

@pesterhazy Thx! Looks like what I need. Will have to read up on cursor a bit. Thanks again!

remember, you need to deref (use @) in the component you want rerendered when the dereffable changes

yes! thx!

Trying to translate some Props from a React component. Not sure what to do with references like "this"

class WebcamCapture extends React.Component {
  *setRef = (webcam) => { this.webcam = webcam* ; }

Hi! I am trying to use react-codemirror via

(defonce code-mirror-component (js/require "react-codemirror"))
(defonce code-mirror (reagent/adapt-react-class code-mirror-component))

(defn editor [state]
  [code-mirror {:value @state
                :on-change #(reset! state %)}])

I'm on electron, in case you're wondering about the require...

@mrchance Is state a Reagent atom?

@mattgeb maybe the this-as macro can help there?

yes

@juhoteperi

In fact I tried this:

[:div
 [editor my-state]
 [:div @my-state]
 [button {:on-click #(swap! my-state str "f")} "Append"]]

If I move the dereference out of the fn, it's the same as well

I am really confused

I can also type in the editor to reset the state, which is reflected in the div as well Oo

@mrchance Ooh, thanks! I'll give that a try.