Add official support for createStyled?

I was wondering if this library could provide (or if it already does) a component that would allow to use styles with a render prop pattern, instead of the withStyles HOC.

I searched for it, and the best I could find was this, but that’s not quite what I would’ve expected. That option would need users of this api to create a new component every time:

import { createStyled } from '???';

const Styled = createStyled({ /* styles go in here */ })

// It is supposed to be used like this:
render() {
  return (
    <Styled>
      {({ classes }) => (
        // render your thing here
      )}
    </Styled>
  );
}

I wonder if it would be a bit better or even possible to have a generic component that receives styles and provides classes, instead of having to create one component tied to specific styles:

// would be something provided by this lib
import Styled from 'material-ui/Styled';

const styles = { /* styles go in here */ }

// Then use it like this:
render() {
  return (
    <Styled styles={styles}>
      {({ classes }) => (
        // render your thing here
      )}
    </Styled>
  );
}

Also, as a side note, even if this suggestion is not accepted, I wonder why the createStyled helper is not provided as an export of this library, just as withStyles is.

[oliviertassinari]

@gnapse I’m reopening as it’s a good question. I don’t have a definitive answer.

[oliviertassinari]

why createStyled (as it appears here) isn’t provided by this library out of the box, just as withStyles is?

@gnapse The initial motivation was: it’s working, but it’s an extra API to support. Let’s document it and see how it’s used in the wild. Now, as people start using it and rely on it in production with no issue, I’m more confidence integrating it into the core. I have no real objection to it. It just hasn’t been a priority so far. You know, extending the API comes with overhead: documentation, tests, maintenance, etc.