![Álvaro Trigo 🐦🔥 on Twitter: "Uh wow 😲, I had no idea we could use: > window.matchMedia In order to trigger JavaScript events based on the viewport size! Sweeeeeet! 😊 https://t.co/nFDOKEvknp" / Álvaro Trigo 🐦🔥 on Twitter: "Uh wow 😲, I had no idea we could use: > window.matchMedia In order to trigger JavaScript events based on the viewport size! Sweeeeeet! 😊 https://t.co/nFDOKEvknp" /](https://pbs.twimg.com/media/EeAmXRRWkAEqHTo.png)
Álvaro Trigo 🐦🔥 on Twitter: "Uh wow 😲, I had no idea we could use: > window.matchMedia In order to trigger JavaScript events based on the viewport size! Sweeeeeet! 😊 https://t.co/nFDOKEvknp" /
Tien Tran - - Window.matchMedia(). The Window interface's matchMedia() method returns a new MediaQueryList object representing the parsed results of the specified media query string. The returned MediaQueryList can then be used
![Using window.matchMedia in React. Spoiler: Safari makes it messy | by Bethany Drake | Better Programming Using window.matchMedia in React. Spoiler: Safari makes it messy | by Bethany Drake | Better Programming](https://miro.medium.com/v2/resize:fit:1200/1*1wfirAP3QRzydAd43ZEjBw.jpeg)