/** @jsx React.DOM */
var SAMPLE_DATA = ['Hello', 'World', 'This', 'Is', 'A', 'List'];

var Example = React.createClass({
  render: function() {
    var items = this.props.data.map(function (item, i) {
      return <li>{i % 2 ? item.toUpperCase() : item}</li>;
    });
    return <ul>{items}</ul>;
  }
});

React.renderComponent(<Example data={SAMPLE_DATA}/>, mountNode);