Top level View component for TodoMVC app

TodoApp.React.js

/**
 * todoApp.React.js -- top-level React component for TodoMVC
 */
export default class TodoApp extends React.Component {
  render() {
    const appState = this.props.appState;
    const allTodos = appState.getAll();
    return (
      <div>
        <Header stateRefUpdater={this.props.stateRefUpdater} />
        <MainSection
          allTodos={allTodos}
          areAllComplete={appState.areAllComplete()}
          stateRefUpdater={this.props.stateRefUpdater}
        />
        <Footer allTodos={allTodos} stateRefUpdater={this.props.stateRefUpdater} />
      </div>
    );
  }
}