Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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>

About

No description, website, or topics provided.

Resources

License

You can’t perform that action at this time.