This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2020-08-10
Channels
- # announcements (1)
- # apache-kafka (1)
- # beginners (61)
- # bigdata (1)
- # brompton (3)
- # buddy (1)
- # calva (18)
- # clara (2)
- # clj-commons (1)
- # clj-kondo (21)
- # cljs-dev (2)
- # clojure (32)
- # clojure-europe (10)
- # clojure-filipino (4)
- # clojure-france (2)
- # clojure-italy (5)
- # clojure-nl (4)
- # clojure-spec (28)
- # clojure-uk (14)
- # clojurescript (6)
- # conjure (1)
- # cursive (5)
- # data-science (1)
- # datahike (2)
- # datomic (9)
- # emacs (4)
- # esprit (17)
- # fulcro (14)
- # jobs (1)
- # jobs-discuss (18)
- # lsp (1)
- # malli (27)
- # msfs2020 (22)
- # off-topic (7)
- # pathom (3)
- # portal (1)
- # re-frame (23)
- # reagent (4)
- # reitit (1)
- # remote-jobs (1)
- # shadow-cljs (5)
- # sql (11)
- # tools-deps (77)
- # vim (19)
Hi @dnolen! We've got a meetup over in #mid-cities-meetup and we're looking for speakers over the next 3 months or so. Would you be interested in proposing a topic and presenting?
Hello.
How would I get a tutor? I mainly need to go through the build chain for a template, there are many pieces here...
I am an experienced dev but new to Clojure. I primarily work in web. I made a thing that is probably dumb -- a basic MVU loop on top of reagent -- but it would be nice to get some feedback here. https://dev.to/kspeakman/clojurescript-simple-mvu-loop-n4e
hello. i am trying to translate material-ui js samples to cljs as a first time front end writer
https://material-ui.com/components/popover/#mouse-over-interactionhave the the code i'm copying under the <>
button.
My best guess is
(defn hover-sample [{:keys [^js classes]}]
(let [local-state (reagent/atom {:hover ""})]
(fn []
[:> Paper {:class [(.-paper classes) (.-fixedHeight classes)]}
[:div
[:> Typography {:id "hover-anchor"
:aria-owns #(if (not= "" (:hover @local-state))
"mouse-over-popover"
"")
:aria-haspopup "true"
:onMouseEnter #(swap! local-state assoc :hover
(-> %
.-target
.-id))
:onMouseLeave (swap! local-state assoc :hover "")}
"Hover with a popover"]
[:> Popover {:id "mouse-over-popover"
:className (.-popover classes)
:classes {:paper (.-paper classes)}
:open #(not= "" (:hover @local-state))
:anchorEl #(.getElementById js/document "hover-anchor")
:anchorOrigin {:vertical "bottom"
:horizontal "left"}
:transformOrigin {:vertical "top"
:horizontal "left",}
:disableRestoreFocus true}
[:> Typography "I use Popover."]]]])))
which renders correctly BUT the Popover is always visible,
i.e. #(not=
# (not= "" (:hover @local-state))) ` is always true. I am making a dumb mistake somewhere. Any help appreciated
I can see the above code re-render twice when the page loads.