react-magic-move

by ryanflorence

ryanflorence / react-magic-move
445 Stars 55 Forks Last release: Not found MIT License 12 Commits 3 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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
    
    
  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;
}
  {this.sortedElementsWithKeys(this.state.sortBy)}

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.