The Road to React: The One with Class Components/

...

/

Split Up Components

Split Up Components

This lesson explains how to break-down a large component into smaller components.

We'll cover the following...

Now we have one large App component that keeps growing and may eventually become too complex to manage efficiently. We need to split it into smaller, more manageable parts by creating separate components for search input and the items list.

Press + to interact
class App extends Component {
  ...
  render() {
    const { searchTerm, list } = this.state;
    return (
      <div className="App">
        <Search />
        <Table />
      </div>
    );
  }
}

We pass the ...

Access this course and 1400+ top-rated courses and projects.