[docs] Add react-media-material-ui in the related projects

[jedwards1211]

just a little utility package I made :)

[oliviertassinari]

I see, it's an alternative to the Hidden component. I plan on working on a Display component in the future. I'm not very happy with the Hidden component right now. Also, one more important helper I want to work on is the Spacing. Most of the custom CSS we use on our pages product is about adding spacing. We might be able to abstract it like Bootstrap is doing.

[jedwards1211]

Hah! I didn't know about the Hidden component. What is it you're not happy about with it?

[oliviertassinari]

@jedwards1211 The hidden use case is too narrow, the behavior is inconsistent between the js and css implementation: #11850.
The docs: https://material-ui.com/layout/hidden/.

[jedwards1211]

@oliviertassinari I just wanted to point out, I just learned about withMobileDialog. Using react-media-material-ui makes withMobileDialog unnecessary:

<BreakpointMedia max="sm">
  {(matches) => (
    <Dialog
      fullScreen={matches}

[oliviertassinari]

@jedwards1211 Or even: https://material-ui.com/layout/breakpoints/#render-props.

    <WithWidth>
      {({ width }) => <Typography variant="subtitle1">Current width: {width}</Typography>}
    </WithWidth>

[jedwards1211]

Ah cool, the render prop version
isn't built-in, is it? I wish it were.

[oliviertassinari]

@jedwards1211 Yeah, given how popular this pattern is, it's something we can expose directly.