An example of a dumb component.

TodoItem.jsx

import React, { PropTypes, PureComponent } from 'react';

import Todo from '../../../universal/containers/Todo';


const doneStyle = {
  textDecoration: 'line-through',
};

const notDoneStyle = {
  textDecoration: 'none',
};

export default class TodoItem extends PureComponent {
  static propTypes = {
    todo: PropTypes.instanceOf(Todo).isRequired,
    index: PropTypes.number.isRequired,
    onEdit: PropTypes.func.isRequired,
    onDelete: PropTypes.func.isRequired,
  };

  constructor(props) {
    super(props);

    this.handleToggle = this.handleToggle.bind(this);
    this.handleDelete = this.handleDelete.bind(this);
  }

  handleToggle() {
    const { todo, index, onEdit } = this.props;

    onEdit(todo.set('done', !todo.done), index);
  }

  handleDelete() {
    const { todo, index, onDelete } = this.props;

    onDelete(todo.id, index);
  }

  render() {
    const { todo, index } = this.props;

    return (
      <div
        className="TodoItem"
        style={todo.done ? doneStyle : notDoneStyle}
        onClick={this.handleToggle}
      >
        <span className="TodoItem-text">{todo.text}</span>
        <span className="TodoItem-delete-icon" onClick={this.handleDelete} />
      </div>
    );
  }
}