Use `MediaQueryList.addListener(func)` over `window.addListener('resize', func)`

[elliottregan]

There is a better API for handling media query changes:

https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener

[PxyUp]

In this case we need create all observers on all breakpoints, and after that create subscribers on each. When using resize event u just, have only one observer on window resize event.

[elliottregan]

You might want to optionally throttle the resize event handler, then. Your code will be called every time the browser resizes a pixel, which can slow things down. http://bencentra.com/code/2015/02/27/optimizing-window-resize.html

MediaQueryList.addListener(func) solves this by not firing on every resize, but only when the breakpoint changes.

[alejandroiglesias]

MediaQueryList listeners are much more performant than listening to the window resize event.

[john-hix]

Hi. Thanks for publishing this package. It doesn't seem like this issue was resolved. Would you like help implementing a MediaQueryList listener?

[PxyUp]

Hi, will be good

Hi. Thanks for publishing this package. It doesn't seem like this issue was resolved. Would you like help implementing a MediaQueryList listener?