I moved to Australia from The Netherlands in 2018 with my wife and kids. After a day of React-hooking, I like cooking, dancing, and playing space sims. Still working on my dad jokes game.
React Breakpoints allows you to respond to changes in a DOM element’s size. You can change the evaluated logic and rendered output of components based on observed size changes in DOM elements. For example, you can change a dropdown menu to a horizontal list menu based on its parent container’s width without using CSS media queries.
To make my talk about React Breakpoints more interactive, I wrote this Storybook library as an alternative to static slides.
Observe multiple React components with a single ResizeObserver.