React-GridStack

Wrapper library for GridStack.

Installing

$3

npm install react-gridstack

$3

To use this package in the browser, clone this repo and run gulp build. Then,
copy the react-gridstack.min.js and react-gridstack.min.css files from the
dist directory and include them in your html head. Note that this files
include jQuery, jQuery-UI and lodash.

Usage:

``js
import React from 'react'
import { GridStack, GridStackItem } from 'react-gridstack'

class MyGrid extends React.Component {
render () {


First Item


Second Item


}
}
`

Make sure to include the css file in your bundle.

Options

Aside from all the (options)[https://github.com/troolee/gridstack.js/tree/master/doc] accepted by
gridstack.js, the following props can be also passed to the components.

$3

* onShouldUpdate(prevElement, newElement): Function to be called with the
previous prop version and new prop version of the element. It must return
true or false to indicate if the element should be re-rendered. Very
similar in function to shouldComponentUpdate` from react.

Collaborate

See anything missing? Fork, implement and submit a pull request.

License

See the license file.

Contributors

* Alejandro Mesa