Simple bullet style decorators for the nuka-carousel

bullet-decorators-nuka-carousel.js

const bulletDecorators = [{
	component:React.createClass({
		shouldComponentUpdate:function(nextProps, nextState){
			return this.props.currentSlide !== nextProps.currentSlide;
		},

		render:function(){
			let props = this.props;
			let slideCount = props.slideCount;
			let buttons = [];
			for(let i = 0; i < slideCount; i++){
  				let active = props.currentSlide === i ? 'active' : '';
				buttons.push(<li className={"carousel_control " + active}  key={i} onClick={props.goToSlide.bind(null,i)}></li>);
			}

			return(<ul className="carousel_controls">{buttons}</ul>)
		}
	})
}];