[withWidth] Provide a hook API

[Kizmar]

Regarding the Hidden documentation about breakpoints, specifically this code example:

Would it be possible to get a version of this code example using React Hooks instead of recompose/compose? Recompose is being deprecated (basically) with the addition of hooks.

[oliviertassinari]

@Kizmar Hooks aren't stable yet, they are implemented on an alpha version of React. I think that we can expose a hook API version of our withWidth HOC with an explicit unstable_ prefix.

[IssueHuntBot]

@issuehuntfest has funded $40.00 to this issue. See it on IssueHunt

[joshwooding]

@oliviertassinari what package would unstable_useWidth be in? I'm unsure where to get the theme breakpoints from

[oliviertassinari]

@joshwooding The @material-ui/core package sounds like a nice target. As long as it's labeled unstable, people can expect breaking changes.

[joshwooding]

@oliviertassinari How would you get the breakpoints from the theme with the old context?

[oliviertassinari]

@joshwooding Using @material-ui/styles/ThemeProvider.

[joshwooding]

@oliviertassinari Is it okay to add that dependency across packages?

[oliviertassinari]

We will kill the @material-ui/core/styles module with v4 for @material-ui/styles. We can add the package as a dependency.

[IssueHuntBot]

@joshwooding has submitted a pull request. See it on IssueHunt

[IssueHuntBot]

@oliviertassinari has rewarded $36.00 to @joshwooding. See it on IssueHunt

• 💰 Total deposit: $40.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $4.00