code: function TodoList(props, context) {
  	const { todos, ui } = props;
  	const visibleTodos = ui.visibleTodos();
  
  	if (todos.length === 0) {
  		return <p className="noItems">What do you want to do today?</p>
  	} else if (visibleTodos.length === 0) {
  		return <p className="noItems">No items are { ui.filter }</p>
  	}
  
  	return <div>
  		{
  			visibleTodos.map( t => <TodoItem key={ t.$().pid() } todo={ t } todos={ todos } /> )
  		}
  		</div>
  }
docs: /*
  Component displays the todo items or an appropriate message if there are not items to display.