Need help with react-magic-move?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ryanflorence
445 Stars 56 Forks MIT License 12 Commits 18 Opened issues

Services available

!
?

Need anything else?

Contributors list

# 1,312
JavaScr...
Shell
koa2
pg
12 commits

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.