3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Basic Usage of React.JS with Gridster

Posted at

(今回のタイトルはどうですか?)

I've been wondering about how to apply jQuery plugins like Gridster while keeping elements inside those compounds as React components. One example I found was a demo using jQuery-sortable, done by Pete Hunt. I decided to try to steal his design while trying to fit it to better fit usage in Gridster.

I don't know if there's a whole lot to say, other than that I prevent render() from doing much and rely on gridster to handle DOM manipulation and mount the components myself.

I think there are some obvious enhancements that could be made here though, like adding event handler methods to make the grid alert changes back to the application in order to update the application of different items' positions on the grid and their sizes (with resizing enabled).

Demo is here: http://jsfiddle.net/kimagure/Hg74E/2/

Repo is here: https://github.com/kimagure/gridster-component

If you have any suggestions or questions, please leave a comment. Thanks!

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?