Think about non-JSX users

I don’t use JSX, but libraries like glamor are still a pleasure to use:

dom.div(
  { ...style({ border: "1px solid black" }) },
  children
)

The problem with styled-components is that is forces you to always create new components. So now I have to do something like this:

const Title = React.createFactory(styled.div`border: 1px solid black`);
Title({}, children);

Obviously not ideal. I don’t know if you want to care about this or not, but it’s definitely a blocker for me to use this library.

An option would be to re-export all of the tags, and have them automatically wrap the result in a createFactory. So I would import styled-components/wrapped or something instead, and I wouldn’t have to use createFactory.

[mxstbr]

Now that @jlongster made prettier to help him write JSX for styled-components and nobody else has asked for this use case I’ll close this issue!

[geelen]

Why would calling React.createFactory be a bad thing if it was hidden inside the library? @jlongster maybe you could weigh in here?