Real World - incomplete, but an idea

Container.jsx

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import FormContainer from './form.jsx';
import List from './List.jsx';

/* Export function to unit tests */
export const TodoList = (todos, create) => (
  <div>
    <FormContainer submit={create} />
    <List todos={todos} />
  </div>
);

TodoList.propTypes = {
  create: PropTypes.func.isRequired,
  todos: PropTypes.arrayOf(PropTypes.shape({
    text: PropTypes.string,
  }))
};

const mapStateToProps = ({ todos } => ({ todos }));
const mapDispatchToProps = dispatch => ({ 
  create: (payload) => dispatch({
    type: 'TODO_CREATE',
    payload,
  }),
});

// export a connected container
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

List.jsx

import React, { PropTypes } from 'react';

export const List = (todos) => {

  const list = todos.map(({text}) => (<div className="todo">{text}</div>));
  
  return (
    <div className="TodoList">
      {list}
    </div>
  );
}

List.PropTypes = {};

export default List;