react-grid-layout-refine

A draggable and resizable grid layout with responsive breakpoints, for React.

Usage no npm install needed!

<script type="module">
  import reactGridLayoutRefine from 'https://cdn.skypack.dev/react-grid-layout-refine';
</script>

README

React-Grid-Layout-Refine

React-Grid-Layout-Refine is a grid layout system modified by React-Grid-Layout, for React.

change log:

1. add ChangeReason in utils.js:
export const ChangeReason = {
  didMount: "didMount",
  didUpdate: "didUpdate",
  dropItem: "dropItem",
  containerWidthChange: "containerWidthChange",
  itemMove: "itemMove",
  itemResize: "itemResize"
};

2. modify onLayoutChange func:
onLayoutChange(changeReason, layout, newLayouts)

so that developer can know the reason why onLayoutChange fired