reactpatterns icon indicating copy to clipboard operation
reactpatterns copied to clipboard

Component static method pattern missing.

Open reinisriekstins opened this issue 8 years ago • 1 comments

Hello.

I believe that reactpatterns.com is missing a design pattern I recently stumbled across here: http://webrafter.com/opensource/react-foundation-apps/tabs It adds static methods to a React component factory/class, that are also React factories or classes, making the JSX code look like this (notice the dot in Tabs.Tab): <Tabs> <Tabs.Tab title='Tab 1'> Tab 1 content </Tabs.Tab> <Tabs.Tab title='Tab 2'> Tab 2 content </Tabs.Tab> <Tabs.Tab title='Tab 3'> Tab 3 content </Tabs.Tab> </Tabs>

While not strictly a React design pattern, since this can be done with any function, I hadn't thought that you could do something like that with a React component and think that it belongs on your excellent website.

reinisriekstins avatar Dec 29 '16 21:12 reinisriekstins

Thanks for the issue!

I think that this falls more into code organization than component patterns. I've considered making a separate page for code organization. The tricky thing about code organization is that depends on what tooling you are using to build apps. This technique could be done using window, module.exports, or export. It looks like akiran is using module.exports in his code.

Let me know if I misread that but if it's code organization, this probably won't be the best place.

chantastic avatar Dec 30 '16 02:12 chantastic