A module usable in atag is includedhere. It uses a UMD shim and excludesReact, so it must be otherwise available in your application, either via RequireJS or onwindow.React. Responsive Usage To make RGL responsive, use the<ResponsiveReactGridLayout>element: import{Responsive...
It uses a UMD shim and excludes React, so it must be otherwise available in your application, either via RequireJS or on window.React.Responsive UsageTo make RGL responsive, use the <ResponsiveReactGridLayout> element:import { Responsive as ResponsiveGridLayout } from 'react-grid-layout'; ...
Usage without Browserify/Webpack A module usable in atag is includedhere. It uses a UMD shim and excludesReact, so it must be otherwise available in your application, either via RequireJS or onwindow.React. Responsive Usage To make RGL responsive, use the<ResponsiveReactGridLayout>element: imp...
It uses a UMD shim and excludes React, so it must be otherwise available in your application, either via RequireJS or on window.React.Responsive UsageTo make RGL responsive, use the <ResponsiveReactGridLayout> element:import { Responsive as ResponsiveGridLayout } from "react-grid-layout"; ...
A draggable and resizable grid layout with responsive breakpoints, for React. - notejs/react-grid-layout
.babelrc.js chore(dev): fix lint/prettier flows 3年前 .browserslistrc chore(pkg): move babel-preset-es2015 to babel-preset-env 5年前 .eslintignore chore(dev): fix lint/prettier flows 3年前 .eslintrc.json chore(dev): fix lint/prettier flows ...
==nextProps.children||!fastRGLPropsEqual(this.props,nextProps,isEqual)||!isEqual(this.state.activeDrag,nextState.activeDrag));}// ... If you memoize your children, you can take advantage of this, and reap faster rerenders. For example:...
// lib/ReactGridLayout.jsx// ...shouldComponentUpdate(nextProps:Props,nextState:State){return(// NOTE: this is almost always unequal. Therefore the only way to get better performance// from SCU is if the user intentionally memoizes children. If they do, and they can// handle changes prop...
The check is now between the layout in nextProps and props. Bugfix: Fixed a lot of resizing layout bugs; most of the fixes are in react-resizable. Bugfix: Fixed incorrect typecheck on LayoutItem.i. Bugfix: Make onLayoutChange fire appropriately (#155). Bugfix: Fix <ResponsiveGridLayout...
If they do, and they can // handle changes properly, performance will increase. this.props.children !== nextProps.children || !fastRGLPropsEqual(this.props, nextProps, isEqual) || !isEqual(this.state.activeDrag, nextState.activeDrag) ); } // ......