react-csstransitgroup

Replacement for React's css transition group addon. It's API and feature set are much simpler, but is has far less dependacies than React's does. And it's only a 100 LOC!

install

npm install react-csstransitgroup

how to use

var CssTransitGroup = require('react-csstransitgroup');

var TodoList = React.createClass({
    getDefaultProps: function() {
        return {
            items : []
        };
    },

    render : function(){
        return <CssTransitGroup className='todoList' timeout={500}>
            {this.props.items}
        </CssTransitGroup>
    },
})

props

CssTransitGroup has three props you can pass it:

• enterClassName default: 'enter' - the class given to the items upon entering. Removed after the timeout.
• leaveClassName default: 'leave' - the class given to the items upon leaving. Removed after the timeout.
• timeout default: 250 - Number of milliseconds your animations are.

note : All children must have keys. Otherwise React will be mad.