Releases: maslianok/react-resize-detector
Releases · maslianok/react-resize-detector
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
requestAnimationFrame
to not overload pages withonResize
events. We usePureComponent
to optimize RRD's children rerenders. And plenty other tiny improvements. resizableElementId
is 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
v3.0.1
- ability to pass children to the ResizeDetector component. Check out our new examples for children-function-pattern and children-component-pattern
- removed support of React < 16