This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2016-05-12
Channels
- # admin-announcements (1)
- # aleph (1)
- # arachne (10)
- # beginners (6)
- # boot (81)
- # braveandtrue (3)
- # cider (42)
- # cljs-dev (1)
- # cljs-edn (52)
- # cljsjs (9)
- # cljsrn (9)
- # clojure (62)
- # clojure-austin (1)
- # clojure-belgium (11)
- # clojure-berlin (2)
- # clojure-gamedev (2)
- # clojure-greece (1)
- # clojure-russia (73)
- # clojure-uk (98)
- # clojurescript (156)
- # community-development (4)
- # component (3)
- # cursive (30)
- # datascript (10)
- # datomic (17)
- # emacs (5)
- # events (1)
- # hoplon (315)
- # jobs (1)
- # jobs-discuss (3)
- # lein-figwheel (6)
- # luminus (18)
- # off-topic (13)
- # om (130)
- # other-languages (122)
- # re-frame (32)
- # reagent (27)
- # rethinkdb (6)
- # ring (2)
- # ring-swagger (31)
- # spacemacs (4)
- # untangled (6)
- # yada (30)
dang I was about to say the same, @tom : http://cljsfiddle.com/#gist=cfc1ed0dcb52d75bfd0e4f7db8fe2cc6
There's an issue with cljsfiddle, where sometimes there's nothing to unmount, so Run
no longer works
@michael.heuberger: I’ve tried your user-menu
component in clean reagent project and it works normally. I was using reagent "0.6.0-alpha2”
and cljs-react-material-ui "0.2.12"
Is there a guide to testing reagent components? One of our devs is new to ClojureScript and coming from Python grabs for mocking internal symbols (rebind) for testing components, which feels wrong to me. Can anyone substantiate my intuition about this or tell me I’m wrong?
For a while now I've been meaning to write up this kind of information about keys. If you are new to Reagent, you might find this interesting: http://stackoverflow.com/a/37186230/5215391
Hi all, I’ve been experimenting with CSSTransitionGroup. When I follow along with this recipe, it work great: https://github.com/reagent-project/reagent-cookbook/tree/master/recipes/ReactCSSTransitionGroup
But when I try something a little more complicated (a tree view with list of lists) it doesn’t seem to work and I think I’m missing something subtle
anyone used CSSTransitionGroup in more complex widgets? any advice for troubleshooting?
ah ha! This was it. If I make sure that the css-transition-group is mounted before the list items that I want to animate, it works great. (https://facebook.github.io/react/docs/animation.html#animation-group-must-be-mounted-to-work)
I have a component that represents a row, takes in two components that represent selected or deselected, and displays whichever one based on local state
and apparently when the row component re-renders, it’s not evaluating the higher up component so that conditional never runs again
@mattsfrey: Reagent is only going to re-render a component if data changes. settings-row
doesn’t dereference @pw-focused?-
, so it’s not going to know that it’s changed and that it should re-render
If I understand your code correctly
trying to think of a good way to stick to this model and have it re-render without doing something hacky
although it seems like I might have to pull the conditional for selected up into the parent component and just pass a “contents"
I’m not a reagent expert, but I wonder if there is a more idiomatic way of doing what you’re doing here
@mattsfrey: can I see the code
sry I deleted the gist, I just decided to move the conditional to the parent component, no real other way to do it minus sending down an unnecessary prop just to force re-renders
@mattsfrey: I don't think I understand the whole context and I don't have any clojurescript experience whatsoever but I believe that you can also set the state of the result of the conditional in the 'row' component