TodoList react component to demo react component lifecycle

todo-list.js

/** @jsx React.DOM */
var React = require('react');

var TodoList = React.createClass({
  getInitialState: function(){
    console.log('getInitialState');
    return null;
  },

  componentWillMount: function(){
    console.log('componentWillMount');
  },
  componentDidMount: function(){
    console.log('componentDidMount');
  },
  componentWillReceiveProps: function(){
    console.log('componentWillReceiveProps');
  },
  shouldComponentUpdate: function(){
    console.log('shouldComponentUpdate');
    return true;
  },
  componentWillUpdate: function(){
    console.log('componentWillUpdate');
  },

  render: function(){
    console.log('render');
    var createItem = function(itemText){
      return <li key={itemText}>{itemText}</li>;
    };
    return <ul>{this.props.items.map(createItem)}</ul>;
  },

  componentDidUpdate: function(){
    console.log('componentDidUpdate');
  },
  componentWillUnmount: function(){
    console.log('componentWillUnmount');
  }
});

module.exports = TodoList;