After setting up our example project with React class components, we are now going to migrate this project to React Hooks. We are going to show how to migrate side effects, such as fetching todos when the component mounts, as well as state management, which we used for the inputs.

In this section, we are going to migrate the following components:

• TodoItem
• TodoList
• TodoFilterItem
• TodoFilter
• AddTodo
• App