This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2017-02-12
Channels
- # bangalore-clj (1)
- # beginners (27)
- # boot (29)
- # clara (4)
- # cljs-dev (10)
- # cljsrn (2)
- # clojure (36)
- # clojure-austin (9)
- # clojure-brasil (4)
- # clojure-france (10)
- # clojure-nl (2)
- # clojure-quebec (1)
- # clojure-russia (10)
- # clojure-spec (48)
- # clojure-uk (6)
- # clojurescript (82)
- # clr (4)
- # core-async (5)
- # core-logic (3)
- # cursive (4)
- # datomic (1)
- # devcards (1)
- # figwheel (1)
- # leiningen (2)
- # lumo (6)
- # off-topic (23)
- # om (39)
- # onyx (3)
- # planck (2)
- # re-frame (5)
- # reagent (24)
- # specter (1)
- # test-check (3)
I've been trying to get a CSSTransitionGroup thing to work (based on https://github.com/reagent-project/reagent-cookbook/tree/master/recipes/ReactCSSTransitionGroup but on top of the lein reagent template). I'm getting a "Uncaught TypeError: Cannot read property 'CSSTransitionGroup' of undefined" error at "(reagent/adapt-react-class (aget js/React "addons" "CSSTransitionGroup")))". Anyone an idea?
I have this in my dependencies already:
[reagent "0.6.0" :exclusions [cljsjs/react]] [reagent-utils "0.2.0"]
errrr,
[cljsjs/react-with-addons "15.4.2-2"] [reagent "0.6.0" :exclusions [cljsjs/react]]
(I'm quite a beginner, so may easily have overlooked something stupid)
Try checking in chrome's devtools if the property is there
If it is there it may be a problem of execution order
If not it may be a dependency problem
Also, check your deps tree to see if some library (other than Reagent) has transitive dependency on react
@jmgpeeters we use use react-flip-move
instead of ReactCSSTransitionGroup
See it used here:
http://www.upgradingdave.com/blog/posts/2016-12-17-permutation.html
There's a working github behind this
might have been outdated target from previous attempts, after a "lein clean" it complains about missing js/ReactDom instead.. an error I used to have before as well. I've been trying to follow the advice in https://github.com/reagent-project/reagent/issues/275 (especially wrt to the cljsjs/react.cljs file with (ns cljsjs.react) in it), but it doesn't seem to help (nor am I quite sure where exactly to put that file).
(thanks, mike, will also have a look at that. right now I'm enjoying the current rabbit hole, as it allows me to learn some of the underlyings ...)
didn't manage to get it to work .. I'll try again some other time. 😕
@jmgpeeters you could try this hack: https://github.com/cljsjs/packages/issues/697#issuecomment-271292601
I know it worked for me in a similar situation 🙂
I haven't got an explicit html file, though - through the reagent template I guess it constructs that from the hiccup on the server side? so how would your hack translate there? 🙂
what's reagent template?
can you give me a link?
@pesterhazy i am assuming @jmgpeeters is referring to this template/file: https://github.com/reagent-project/reagent-template/blob/master/resources/leiningen/new/reagent/src/clj/reagent/handler.clj
ah yes, you would need to add [:script "..."]
there first thing in the head element
sorry, yes, that's what I was referring to. whatever you get when you do "lein new reagent .."
let's try that, so. 🙂