Immutable.Record + React + Redux = ❤ - 4

containers-TaskListContainer.js

import React, { Component } from 'react';
import { connect } from 'react-redux';

import { toggleTaskDone } from 'actions/tasks';
import TaskMap from 'models/TaskMap';
import TaskListLayout from 'components/Task/List/Layout';

const TaskListContainer = ({ onToggleTaskDone, tasks }) => (
  <TaskListLayout>
   { tasks.map((task) =>
      <TaskListItem
        key={task.get('id')}
        task={task}
        onToggleTaskDone=(() => onToggleTaskDone({ task }))
      />
    ).toArray()}
  </TaskListLayout>
);

TaskListContainer.propTypes = {
  tasks: React.PropTypes.instanceOf(TaskMap).isRequired,
  onToggleTaskDone: React.PropTypes.func.isRequired,
}

function mapStateToProps(state) {
  return { tasks: state.tasks };
}

function mapDispatchToProps(dispatch) {
  return {
    onToggleTaskDone: ({ task }) => {
      dispatch(toggleTaskDone({ taskId: task.get('id') }));
    },
  };
}

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(TaskListContainer);