Binding Firebase items to List as an array instead of object

list.jsx

var React = require('react');

module.exports = React.createClass({
  renderList: function() {
    if (this.props.items && Object.keys(this.props.items).length === 0) {
      return <h4>
        Add a todo to get started.
      </h4>
    }
    else {
      // Make an empty array (React can handle arrays while rendering JSX).
      var children = [];

      // Iterate over items and extract the text from each.
      for (var i in this.props.items) {
        children.push(
          <li>
            {this.props.items[i].text}
          </li>
        );
      }

      return children;
    }
  },
  render: function() {
    return <ul>
      {this.renderList()}
    </ul>
  }
});

Don't forget to change this.bindAsObject to this.bindAsArray in app.jsx!