exmg-react-move

1.0.1 • Public • Published

exmg-react-move

Animate updates (enter / leave / move) with flip technique.

exmg-react-move does not support stateless components.
All children must have a unique key prop.

TODO

  • Custom transitions for enter/move/leave

Demo

TODO Check out the demo.

Install

npm install exmg-react-move

Usage

Example

import React, { Component } from 'react';
import Move from 'exmg-react-move';

class MoveExample extends Component {
    state = {
        list: ['a', 'b', 'c'],
    };

    render() {
        return (
            <Move>
                { this.state.list.map(id =>
					<div key={ id }>{ id }</div>) }
            </Move>
        )
    }
}

Readme

Keywords

Package Sidebar

Install

npm i exmg-react-move

Weekly Downloads

1

Version

1.0.1

License

MIT

Last publish

Collaborators

  • saartje87