Redux Quick Start Guide

Connecting with Redux

The main file that binds everything, app.js, is given as follows. The App component acts as the root file:

import React, { PureComponent } from "react";import PropTypes from "prop-types";import { connect } from "react-redux";import TodoList from "./TodoList";import AddTodo from "./AddTodo";import Footer from "./Footer";class App extends PureComponent {  static propTypes = {    activeFilter: PropTypes.string.isRequired,    todoList: PropTypes.object.isRequired,    dispatch: PropTypes.func.isRequired  };  render() {    const { dispatch, activeFilter, todoList } = this.props;    return (      <div className="app">        <div className="todos">          <h1>Rask Lege TODO App</h1>          <AddTodo dispatch={dispatch} />          <TodoList            dispatch={dispatch} activeFilter={activeFilter} ...