Flickity React integration

Carousel.js

import React                from 'react';
import Flickity             from 'flickity';

export default React.createClass({

    getInitialState() {
        return {
            selectedIndex: 0
        }
    },

    componentDidMount() {
        const carousel = this.refs.carousel;

        this.flkty = new Flickity(carousel, this.props.options);
        this.flkty.on('cellSelect', this.updateSelected);
    },

    updateSelected() {
        var index = this.flkty.selectedIndex;
        this.setState({
            selectedIndex: index
        });
    },

    componentWillUnmount() {
        if (this.flkty) {
            this.flkty.off('cellSelect', this.updateSelected);
            this.flkty.destroy();
        }
    },

    render() {
        return (
            <div ref='carousel' className='carousel'>
                {this.props.children}
            </div>
        );
    }
})