Homepage
All Releases

v4.0.0-beta.0

Apr 28, 2019

A big thanks to the 21 contributors who made this release possible!

Here are some highlights ✨:

The library has entered the beta phase of v4. We are grateful to all the contributors that have helped us so far. We will focus or effort on the stability of the library for the next two weeks. We don't plan more breaking changes, at the exception of changes that are required to fix bugs or that have minor impacts. We hope we can release v4 on May 15th, one year after v1.

Please try the beta out! You can find an upgrade guide to ease the transition. You will learn more about v4 in the final release blog post and our plans for the future.

@material-ui/core@v4.0.0-beta.0

Breaking changes

  • [styles] Generate global class names (#15140) @oliviertassinari Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).

  • [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari Remove the classes customization API for the Modal component.

  • [core] Remove RootRef usage (#15347) @joshwooding The Modal and Dialog child needs to be able to hold a ref.

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Modal><Component /></Modal>
<Modal><MyComponent /></Modal>
<Modal><div /></Modal>

  • [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari

  • [Slide] Convert to function component (#15344) @joshwooding The child needs to be able to hold a ref.

    class Component extends React.Component {
  render() {
    return <div />
  }
}
-const MyComponent = props => <div {...props} />
+const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
<Slide><Component /></Slide>
<Slide><MyComponent /></Slide>
<Slide><div /></Slide>

Changes

@material-ui/styles@v4.0.0-beta.0

Docs

Core