Component static method pattern missing.

[reinisriekstins]

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.

[chantastic]

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.