Handsontable.JS in React

In React.JS, display multiple empty tables, which use Handsontable.JS. - Each table can be freely moved by dragging the top header - Dragging the bottom edge, right edge, or bottom right corner will resize the table while keeping the upper left corner of the table fixed. - When dragging or resizing, the table is rendered moving or resizing along with the mouse even before the mouse button is released at its final location - Tables will snap to a grid and to each other. For example if another table is at (x1=5, y1=5, x2=10, y2=10), another table that is being moved or resized will snap to that other table's positions when close. - Populate the tables with dummy random numbers to test the performance. Enable a full featured Handsontable while testing performance. The UI and functions are similar to the Mac Numbers app. See that and the attached for the goal UI.