a react class i'm using want kind of input <TheReactClass value={50}>. I wrapped it with (def the-react-class (r/adapt-react-class ...)), so I can write hiccup.

but using it as [the-react-class {:value 50}]ends up borked. do I need to do something else to mimic the value={50}input?

I also need reminding how reagent translates prop names. if react expects e.g. alignItems="center", can I use either/or :alignItems "center" / :align-items "center"

^ that does seem to be correct - couldn't remember exactly

It is correct indeed.

Hi, I've managed to get a couple of react classes (AutoSizer & react-window) "working" in reagent. I've been working in pure cljs and avoiding react, so I'm wondering if there's a better way to to do this. 1. Is there anything obviously wrong? Are there helpers that make any of this more idiomatic reagent? 2. I'm not really sure where to break this up into components (maybe item + autosized list), I could see how to do this with a macro, but is there a place for more familiar reagent components? 3. the js->clj conversion was difficult to track, autosizer's function isn't converted because of as-element but reactify-component does convert but not the nested style Maybe there's some easier way to handle splatting react props in as they do in their docs?

(defn testlist []
  (r/with-let [list-ref (atom nil)]
    (let [things (range 1000)]
      ;; 
      [:> AutoSizer
       {}
       (fn [props]
         (let [{:strs [width height]} (js->clj props)]
           (r/as-element
             ;; 
             [:> rw/FixedSizeList
              {:width width
               :height height
               :item-count (count things)
               :item-size 64
               :ref #(reset! list-ref %)}
              (r/reactify-component
                (fn [{:keys [index style] :as props}]
                  [:div
                   {:style (js->clj style)
                    :on-click #(.scrollToItem @list-ref index "center")}
                   (str "Item #" index)]))])))])))