Idea: A fn like macro for defining HOF stateless component?

[fonghou]

Hello,

Would it be useful for a fn like macro, as to defc stateless component?

I'm thinking it'd be useful for higher-order function/component use cases. Essentially, what :wrap-render mixins do right now.

Thanks!

[tonsky]

Do you mean something beyond what defc can do right now? Can you give an
example use case?

On Tue, Jul 26, 2016, 21:34 Fong Hou [email protected] wrote:

Hello,

Would it be useful for a fn like macro, as to defc stateless component?

I'm thinking it'd be useful for higher-order function/component use cases.
Essentially, what :wrap-render mixins do right now.

Thanks!

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#92, or mute the thread
https://github.com/notifications/unsubscribe-auth/AARabK2zxZICFWV66ZLBaBv4ynsSrv2aks5qZhr9gaJpZM4JVNlM
.

[fonghou]

Hi @tonsky,

I'm still exploring the idea, sorry can't show a good concrete example. Basically, renders that can be defined in (let [...]) form as lexical closures, rather than only top level vars by defc. This would create something I'd call dynamic configured stateless components, even allow them (I mean their definition, not args on invocation) observe parent owner's pre-render lifecycle events.

Right now, I copy this snippet to an utility function. It's fine for me just playing with the idea.

(defn render [render-fn]
  (let [class (fn [props]
                (apply render-fn (aget props ":rum/args")))
        _     (aset class "displayName" (.-name render-fn))
        ctor  (fn [& args]
                (js/React.createElement class #js { ":rum/args" args }))]
    (with-meta ctor { :rum/class class })))

Cheers!

[bendlas]

React (as of 14, i think) calls the following pattern stateless components:

(defn stateless-component [props]
  (html [:pre (pprint-str props)]))
;; ...
(js/React.createElement
 stateless-component
 #js{:title "Stateless" :other "Other"}
 "Foo" "Bar")

=>

<pre>#js {:title "Stateless", :other "Other", :children #js ["Foo" "Bar"]}</pre>

Sablono doesn't allow direct use of react components (see r0man/sablono#46), but we could consider supporting stateless components as outlined in the previous comment. The react team has been talking about adding optimiziations for stateless components, though I'm not sure whether they would beat rum/static.

[tonsky]

Stateless components are supported since 0.10.0. If you use no mixins, component will be compiled to single stateless function

[roman01la]

Closing this due to no activity. Also we don't want to do any fancy stuff with components definition.