This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2020-06-01
Channels
- # announcements (2)
- # babashka (10)
- # beginners (133)
- # calva (28)
- # cestmeetup (1)
- # chlorine-clover (31)
- # cider (21)
- # clj-kondo (29)
- # cljs-dev (252)
- # clojure (60)
- # clojure-europe (24)
- # clojure-nl (3)
- # clojure-spec (13)
- # clojure-uk (17)
- # clojurescript (47)
- # conjure (20)
- # datascript (2)
- # datomic (4)
- # figwheel-main (4)
- # fulcro (71)
- # helix (16)
- # jobs (1)
- # meander (56)
- # mount (1)
- # off-topic (15)
- # pathom (25)
- # re-frame (17)
- # reagent (5)
- # remote-jobs (1)
- # shadow-cljs (92)
- # sql (10)
- # tools-deps (71)
- # xtdb (14)
@jcb I don't know why but with or without AnimatePresence I have to click twice or refocus on the page to make the animation happen. Do you have working code that actually works handy?
@U0F7M1KA7 please reply with the code you mentioned (promised?)
@jcb overall I'm using the #lumius framework with the reagent configuration, so the rendering happens however it handles it by default. I think lein new luminus app-name
Apologies for the delay; don’t get to use clojure much atm. So something like this worked with reagent 8.1 and framer-motion 1.4.2. Also using shadow-cljs. simplified example - [:> AnimatePresence
^{:key :some-unique-data}[:> framer-motion/motion.div
{:initial {:opacity 0}
:animate {:opacity 1
:transition {:duration 0.8}}
:exit {:opacity 1
:transition {:duration 0.8}}
}
[:h1 "some content"]]]