Summary

In this chapter, we first built a todo app using React class components. We started by designing the app structure, then implemented static components, and finally, we made them dynamic. Next, we learned how to migrate an existing project using class components, to function components using Hooks. Finally, we learned about the trade-offs of class components, when class components or Hooks should be used, and how one should go about migrating an existing project to Hooks.

We have now seen in practice how React class components differ to function components with Hooks. Hooks make our code much more concise and easier to read and maintain. We have also learned that we should gradually migrate our components from class components to function components with Hooks—there is no need to immediately migrate the whole application.

This chapter marks the end of this book. In this book, we started out with a motivation to use Hooks. We learned that there are common problems...