Exploring common React Hooks

We briefly talked about Hooks in the Managing internal state in React section. In addition, Hooks allow for code reuse, improved readability, and easier testing by separating concerns and making component logic more modular.

Let’s discuss a few of the most common Hooks in this section. Please be aware that in this chapter, we are focusing on the most used Hooks. As we progress through the book, we will delve into several more advanced applications of these Hooks. Regarding the last Hook, useContext, we will initially explore its basic usage at the end of this section to provide an introductory understanding. In later chapters, we’ll employ useContext in more complex scenarios, allowing for a deeper and more practical grasp of its functionality.

useState

We have already seen the basic usage of useState Hook previously in this chapter. You can define as many states as you like inside a component, and it’s quite common to do so...