simple_react.md

import React, { Component, PropTypes } from 'react';
import { ListGroup } from 'react-bootstrap';
import Todo from 'components/todo';

export default class TodoList extends Component {
  static propTypes = {
    todos: PropTypes.arrayOf(
      PropTypes.shape({
        id: PropTypes.number,
        isComplete: PropTypes.bool,
        name: PropTypes.string
      })
    )
  }

  renderItems = () => {
    return this.props.todos.map(todo => <Todo key={ todo.id } todo={ todo }/>);
  }

  render() {
    return(
      <ListGroup>
        { this.renderItems() }
      </ListGroup>
    );
  }
}