does anyone have a link to example, how to integrate 3d-party javascript react components (like this one https://github.com/maisano/react-router-transition) with rum?

yeah, pic related.

@leon like this?

(rum/defc route-transition [pathname children]
  (js/React.createElement js/RouteTransition
    #js { :pathname pathname
          :atEnter  #js { :opacity 0 }
          :atLeave  #js { opacity: 0 }
          :atActive #js { opacity: 1 } }
    (clj->js children)))

@tonsky does it create 2 components: rum and a nested RouteTransition ones?

yes

well if you change defc to defn it wouldn’t

is it "ok"? from the performance/purity/etc. povs?

what is ok? two components or defn?

2 nested components

which is it better/more practical to wrap 3rd-party components with?: rum component function marcos

in that case, function would be better

@tonsky omg. thanks. so it's just like that =/

thanks thanks

I will learn it someday. so many layers of abstraction)

doing front-end is so much fun, turns out

animations or even just trying to layout simple three blocks of text for 3 versions of the screen

added to wiki: https://github.com/tonsky/rum/wiki#using-3rd-party-react-components

> Note: See how defn is used here instead of defc? Using defc would cause two components being created (e.g. range-slider and the Slider component). Because in many cases you don't need the wrapping component you can just use defn. added this, think it’s an interesting observation

Thanks