Skip to content

Harti/react-magic-move

 
 

Repository files navigation

React Magic Move

Magic Move for React.JS

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

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 85.0%
  • CSS 5.7%
  • Shell 5.7%
  • HTML 3.6%