ReactJS: factory export, great shortcut?

Question

I was wondering why with ReactJS it is better to create factories for each call (according to: https://gist.github.com/sebmarkbage/d7bce729f38730399d28 )

Isn't it better to export class and factories?

button1Class = createClass
   render: -> ...

button2Class = createClass
   render: -> ...

module.exports = { button1: button1Class, button2: button2Class}

Then I will need

Button1 = createFactory( require('buttons').button1 )
Button2 = createFactory( require('buttons').button2 )

Every time I need them in a file (I have several files, so multiple instances in different files are required)?

Why not export classes and factories?

button1Class = createClass
   render: -> ...

button2Class = createClass
   render: -> ...

module.exports = { 
    button1Class: button1Class, 
    button2Class: button2Class, 
    button1: createFactory( button1lass )
    button2: createFactory( button2Class )
}

So I will only need to

button1 = require('buttons').button1 # no factory needed
button2 = require('buttons').button2 # no factory needed

Answer 1

The reason is because it makes your export incompatible with jsx.

, jsx. , jsx , , .

.

https://facebook.imtqy.com/react/blog/2014/10/14/introducing-react-elements.html#anti-pattern-exporting-factories

, , , .