https://github.com/ryanflorence/react-magic-move

https://github.com/ryanflorence/react-magic-move

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ryanflorence/react-magic-move
• Owner: ryanflorence
• License: mit
• Created: 2014-11-25T15:53:20.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-03-21T11:22:59.000Z (over 8 years ago)
• Last Synced: 2024-11-17T06:08:48.437Z (27 days ago)
• Language: JavaScript
• Size: 319 KB
• Stars: 445
• Watchers: 13
• Forks: 56
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components-all - react-magic-move - MagicMove for React.js. (Uncategorized / Uncategorized)
• awesome-list - react-magic-move - MagicMove for React.js. (Ferramentas / Form Components)
• awesome-react-components - react-magic-move - MagicMove wrapper. (UI Animation / Form Components)
• awesome-react-components - react-magic-move - MagicMove for React.js. (UI Animation / Form Components)

README

        
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)

```css

.Something {

  transition: all 500ms ease;

  box-sizing: border-box;

}

```

```js

  {this.sortedElementsWithKeys(this.state.sortBy)}

```