TodoList + Redux

TodoList.jsx

class TodoList extends React.Component {
  static defaultProps = {
    todos: {}
  };

  render() {
    return (
      <ul>
        {this.props.todos
          .valueSeq()
          .map(todo => <li key={todo.get("id")}>{todo.get("text")}</li>)}
      </ul>
    );
  }
}

const mapStateToProps = state => {
  return {
    todos: state.todos.get("items")
  };
};

export default connect(mapStateToProps)(TodoList);