Skip to content

v4.0.0-beta.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@oliviertassinari oliviertassinari released this 28 Apr 22:51
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/[email protected]

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/[email protected]

Docs

Core