Popularity
1.6
Declining
Activity
0.0
-
48
10
4
Programming language: CoffeeScript
License: MIT License
Tags:
UI Layout
react-resizer alternatives and similar libraries
Based on the "UI Layout" category.
Alternatively, view react-resizer alternatives based on common mentions on social networks and blogs.
-
react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React. -
react-flexbox-grid
A set of React components implementing flexboxgrid with the power of CSS Modules. -
react-masonry-component
A React.js component for using @desandro's Masonry. -
react-stonecutter
Animated grid layout component for React. -
react-layout-components
Layout Components for React based on Flexbox. -
flexbox-react
Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components. -
react-masonry-mixin
A React.js mixin for using @desandro's Masonry. -
react-inline-grid
Predictable flexbox based grid for React. -
m-react-splitters
React splitter component, written in TypeScript. -
react-stack-grid
Pinterest like layout components for React.js. -
react-colrow
Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow.
Get performance insights in less than 4 minutes.
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Promoted
scoutapm.com
Do you think we are missing an alternative of react-resizer or a related project?
README
React Resizer
A React component for resizing HTML elements.
Installation:
npm install react-resizer
Usage:
For a more comprehensive use case, please check the example folder in this repository.
'use strict';
let React = require('react');
let Resizer = require('react-resizer');
let App = React.createClass({
displayName: 'App',
_handleResize: function(diff) {
return console.log('resizing');
},
_handleResizeStart: function() {
return console.log('resize start');
},
_handleResizeEnd: function() {
return console.log('resize end');
},
render: function() {
return (
<Resizer
onResizeStart={this._handleResizeStart}
onResize={this._handleResize}
onResizeEnd={this._handleResizeEnd}
>
<div>Right sidebar</div>
</Resizer>
)
}
});
React.render(<App />, document.getElementById('content'));