No description, website, or topics provided.
JavaScript Shell
Switch branches/tags
Clone or download
Latest commit 2fa595c Jan 29, 2016
Permalink
Failed to load latest commit information.
dist release v0.1.0 Jan 12, 2015
examples clones render correctly before animating Jan 12, 2015
modules clones render correctly before animating Jan 12, 2015
scripts build stuff Nov 25, 2014
.gitignore first Nov 25, 2014
.npmignore first Nov 25, 2014
.travis.yml first Nov 25, 2014
CHANGELOG.md release v0.1.0 Jan 12, 2015
LICENSE cleaning up Nov 25, 2014
README.md Update README.md Jan 29, 2016
bower.json release v0.1.0 Jan 12, 2015
package.json release v0.1.0 Jan 12, 2015
webpack.config.js first Nov 25, 2014

README.md

React Magic Move

Magic Move for React.JS

NOT A PRODUCTION MODULE

This was just a fun experiment, with some love, it could definitely be a real thing, but I don't have time. I will merge pull requests to keep it working, but I don't maintain this right now.

Usage

  1. Wrap some ordered elements in <MagicMove/>
  2. Add a key to each element
  3. Add some CSS transitions and border-box sizing (so the code can measure it more easily)
.Something {
  transition: all 500ms ease;
  box-sizing: border-box;
}
<MagicMove>
  {this.sortedElementsWithKeys(this.state.sortBy)}
</MagicMove>