Math in JavaScript is an object, right? How can I access that object in ClojureScript? I know I can do Math/pow for example to call a method of it, but how can I view the object without calling any methods? Just doing js/Math results in #js {} which is an empty object? I'm confused. 😛

@oskarkv view as a clj hashmap?

(js->clj js/Math) should do it

methods and properties should be accessed as you'd typically do it

(.abs js/Math -1)

(.-E js/Math)

@deadghost (js->clj js/Math) returns {}

@oskarkv are any props or methods working?

Yes, they work fine

how are you viewing the object?

I don't understand

are you looking at it with the browser console?

No, with CIDER/Emacs

are you compiling it to target the browser?

Yes

(.log js/console js/Math) somewhere in code that will get run in the browser

and check the console

I've actually never got cljs hooked up into cider

Yeah logging like that showed the JS object

are there any projects working on running a self-hosted cljs repl in the browser/in node/electron? 🙂

I've played around a bit with lumo, but from what I can tell, you can't really require it from node

I've read a little on replumb, and I think it's in the right direction, but I don't actually understand what it does

Hi guys ! Question : when using Reagent and cljs-ajax library, what is better place to put loading state ? On local state component Reagent atom or on global state ? Can I use form-2 component like this ? Without using form-3's :component-did-mount ?

(defn my-component []
  (let [is-loading? (reagent/atom true)]
    (fetch-from-api?) ;; <-- cljs-ajax call
    (fn []
      (if @is-loading?
        [:p "loading..."]
        [:p "Content loaded"]))))

Like that it works, but I must pass the ratom state in the fetch-from-api argument and use :finally to reset! is-loading to nil and I'm sure is not clean, isn't it ? (fetch-from-api is-loading?)

(defn fetch-from-api
  [id is-loading?]
  (let [url (str "" id "?api_key=" api_token "&language=fr")]
    (GET url
      {:handler #(reset! film %)
       :finally #(reset! is-loading? nil)
       :error-handler (fn [{:keys [status status-text]}]
                        (js/console.log status status-text))
       :response-format :json
       :raw true})))

Greetings, I’m requiring an NPM package (material-ui, to be precise) and I learned that if I want to import a single icon I can use the following require line:

Clojure
["@material-ui/icons" :refer [Add]]

Clojure
["@material-ui/icons/Add" :default Add]

I honestly doubt it but I thought it was worth asking anyway

Hi guys, Im trying to build a lib and I need to be able to register a handler for dismount from within a reagent component, without being able to control the component call site. I want to be able to do something like this.

(defn component []
  (on-dismout #(js/console.log "dismounted"))
  (fn []
    [:div]))

(defn on-dismount [f]
  (let [reaction (.-cljsRatom (r/current-component))]
    (ratom/add-on-dispose! reaction f)))

(.-isMounted (.-updater (r/current-component) ) (r/current-component)

(defn on-dismount [f]
  (let [id (rand-int 1000)
        reaction (ratom/make-reaction (constantly true)
                                      :on-set (constantly nil)
                                      :on-dispose f)]
    @reaction
    reaction))

I only read about it today, but I think you might be able to use with-let and a finally block

see http://reagent-project.github.io/docs/master/CreatingReagentComponents.html under Appendix B

yeah! but unfortunately I think that requires to change call site, so you’re in the same predicament as a higher order component

maybe not…

(defn mouse-pos []
  (r/with-let [pointer (r/atom nil)
               handler #(swap! pointer assoc
                               :x (.-pageX %)
                               :y (.-pageY %))
               _ (.addEventListener js/document "mousemove" handler)]
    @pointer
    (finally
      (.removeEventListener js/document "mousemove" handler))))

(defn tracked-pos []
  [:div
   "Pointer moved to: "
   (str @(r/track mouse-pos))])

Thanks, i’ll experiment

yeah, same problem. Need to keep derefing the reaction for it to not trigger the dispose immediately

oh you need to write the actual function on-dismount that takes another function, rather than writing a component that runs some code on dismount?

@danieleneal exactly!

Hi guys i got question about interop with react semantic ui i find strange behavior https://codesandbox.io/s/l2mz8yljl7?module=/example.js is the example and i am playing with concept of knowing if view is mobile. so i am using

(-> ui/Responsive
      .-onlyMobile
      .-maxWidth)

#js {:minWidth 320, :maxWidth 767}

(:maxWidth (js->clj (goog-obj/get ui/Responsive #js ["onlyMobile"])
                                             :keywordize-keys true))

(get (js->clj (goog-obj/get ui/Responsive #js ["onlyMobile"])) "maxWidth")

Hello @lepistane You can use getValueByKeys : (goog-obj/getValueByKeys ui/Responsive #js ["onlyMobile" "maxWidth"])

From the doc : > Get a value from an object multiple levels deep