This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2017-02-15
Channels
- # aws (1)
- # beginners (6)
- # boot (25)
- # cider (30)
- # cljs-dev (50)
- # cljsrn (45)
- # clojure (98)
- # clojure-austin (5)
- # clojure-czech (1)
- # clojure-dev (21)
- # clojure-dusseldorf (29)
- # clojure-germany (2)
- # clojure-greece (117)
- # clojure-italy (2)
- # clojure-nl (4)
- # clojure-russia (26)
- # clojure-serbia (10)
- # clojure-spec (123)
- # clojure-turkiye (1)
- # clojure-uk (27)
- # clojured (13)
- # clojurescript (57)
- # core-async (18)
- # cursive (13)
- # datomic (20)
- # defnpodcast (16)
- # emacs (8)
- # events (2)
- # figwheel (3)
- # instaparse (1)
- # jobs (3)
- # jobs-discuss (39)
- # klipse (9)
- # lumo (100)
- # mount (1)
- # numerical-computing (1)
- # off-topic (22)
- # om (34)
- # onyx (17)
- # pedestal (1)
- # perun (29)
- # re-frame (60)
- # reagent (16)
- # remote-jobs (8)
- # rethinkdb (6)
- # ring-swagger (19)
- # rum (1)
- # slack-help (1)
- # specter (3)
- # untangled (1)
- # yada (17)
Hi there. I'm trying to integrate React-motion into a reagent project so I can have a simple enter/exit animation for some components. I have a working example here:
https://gist.github.com/minikomi/6c256784247672693f72a01fe9401582
Unfortunately, the child component is constantly re-rendered.. doesn't matter in this simple test case, but if the child contains a lot of nested components it can slow things down. I'm wondering if there's a way to use perhaps should-component-update
to prevent the child re-rendering?
@minikomi you may be interested in react-flip-move
http://www.upgradingdave.com/blog/posts/2016-12-17-permutation.html
We find it works nicely for entry/exit/move annimations
I'd love to get to the bottom of why the child component is re-rendering all the time though .. or, rather, how to prevent re-renders in reagent when there's no ratoms involved
Do you use key
?
The react-motion issues seem to mention using shouldComponentUpdate
.. but I'm not sure how to work it into a reagent component
Turns out that breaking out the reagent/reactify-component
call so that it's only called once was the key
interesting! another "reloading gotcha"
I haven't yet but definitely interested @deas
@pesterhazy And it seems the two ones which fail do so because of a change in react (CamelCase strings).
what's that output?