Creating a Single Orchestrating Component

Learn how to collect and refactor the repeated search sort and filter components into a single, reusable React component.

Reviewing the effects of refactoring

Our SearchInput, Sorters, and Filters components have all been refactored to use the React render prop pattern. The code for the widgets and people data is far less complex than what we had previously in the App component. Here’s what the widgets data looks like now:

Get hands-on with 1400+ tech skills courses.