Releases: maslianok/react-resize-detector
Releases · maslianok/react-resize-detector
v4.0.5
- Fixed Callback pattern when function returns Fragment
<ReactResizeDetector>
{({ width, height }) => (
<>
<div />
<div />
</>
)}
</ReactResizeDetector>- Fixed Child Component Pattern when there are more than 1 child
<ReactResizeDetector>
<Foo />
<Bar />
</ReactResizeDetector>v4.0.4
fix: HOC not importing React Component (@SagivCohen)
v4.0.0
The module has been rewritten to be more structured and performant!
BREAKING CHANGES
1. resizableElementId renamed to querySelector.
// Before
resizableElementId="elementId"
// After
querySelector="#elementId"2. Change Callback pattern function arguments
// Before
<ReactResizeDetector handleWidth>
{(width, height) => <div />}
</ReactResizeDetector>
// After
<ReactResizeDetector handleWidth>
{({ width, height }) => <div />}
</ReactResizeDetector>IMPROVEMENTS
- We don't use any side-elements for Child Function Pattern, Child Component Pattern and Render prop pattern. Previously you could find some extra div's in a DOM tree and this could break complex layouts.
- Performance optimizations. We use
requestAnimationFrameto not overload pages withonResizeevents. We usePureComponentto optimize RRD's children rerenders. And plenty other tiny improvements. resizableElementIdis replaced byquerySelector. Now you can choose any DOM element using querySelector syntax!
Big thanks to @lamhieu-vk for leading and pushing forward this refactoring!
v3.4.0
v3.3.1
Add support for leading/trailing option for throttle and debounce (thanks @Biohazord for the idea). Check refreshOptions prop in the Readme
v3.2.1
v3.2.0
v3.1.2
v3.1.1
v3.1.0
Added 2 more patterns: HOC pattern and Render prop pattern