Gain a thorough understanding of React’s new component style and learn to use the hooks API to write simpler and more elegant React code.

This is a typical reusable React component that accepts a single prop (name), which is then used in the markup via the token syntax. You can use it in the page components as seen in Listing 3.

The React team recently released React 16.8 featuring React Hooks. Hooks encapsulate impure logic (such as state, or effects) with a functional syntax that allow hooks to be reused, composed, and ...