This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2015-10-17
Channels
- # admin-announcements (16)
- # beginners (1)
- # boot (7)
- # business (1)
- # cljs-dev (1)
- # clojure (119)
- # clojure-dev (2)
- # clojure-germany (1)
- # clojure-za (4)
- # clojurescript (73)
- # cursive (3)
- # datomic (2)
- # devcards (8)
- # editors (1)
- # events (1)
- # funcool (1)
- # ldnclj (3)
- # liberator (1)
- # off-topic (1)
- # om (52)
- # onyx (1)
- # re-frame (5)
- # reagent (28)
@kidpollo why was google's css framework easier to roll your own components with than say bootstrap etc..
http://www.getmdl.io/index.html — this one is from google
thanks
How can I make things that appear and desapear by means of reagent have an animation?
@pupeno: ReactCSSTransitionGroup http://facebook.github.io/react/docs/animation.html from addons
Thanks.
@pupeno: not sure it is exactly matches your needs, but have you seen the work of @rohit : http://blog.ducky.io/reagent-motion-demos/
For ideas, also see the VelocityReact Library: https://fabric.io/blog/introducing-the-velocityreact-library
when editing the page via figwheel, a change will show up immediately (for the first edit)
The error in the JSConsole is "Warning: Error unmounting: util.js:261 Error: Invariant Violation: ReactMount: Root element ID differed from reactRootID.(…)"
It also emits this warning... Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server: (client) <html data-reactid=". (server) <div class="navbar na
but I'm not sending markup from the server... I do have functions which generate "the page's" contents, and they do vary based on the application state.
I guess I should work through the tutorial, and then try and model my application on a smaller scale... so I can isolate what it is that I'm not doing the "reagent/react" way
and/or I should investigate reacts's warnings... "Warning: render(): Target node has markup rendered by React, but there are unrelated nodes as well. This is most commonly caused by white-space inserted around server-rendered markup."
Turns out I was doing something weird, namely using :html as the root element (reagent/render [myroute] app-elem-id) with myroute (defn myroute [] [:html ... ])
which was just strange. I then sprinkled the ":key XX" on one of my vectors. And now reagent/react appears to be calmed. And my updates are working. Whoo Hoo
Found out why devcards reagent integration is a bit rough: https://github.com/reagent-project/reagent/issues/195