Typical React/Redux Component

todos.jsx

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

import { fetchTodos } from './actions';
import { getTodos } from './selectors';

class TodoList extends Component {
  componentWillMount() {
    this.props.fetchTodos();
  }

  render() {
    const { todos } = this.props;
    return (
      <div>
        { todos.map( todo => 
          <Todo key={ todo.id } text={ todo.text } done={ todo.done } />
        ) }
      </div>
    );
  }
}

const TodoListContainer = connect(
  state => {
    return {
      todos: getTodos( state );
    };
  },
  { fetchTodos }
)( TodoList );

export default TodoListContainer;