Use React Hooks Correctly by Following The Two Rules of Hooks

There are two important rules to follow when writing React functional components with hooks.

1. Use the hooks at the top level of your functions, without wrapping them in if statements, loops, or other types of control logic.

2. Only call hooks from React functions or custom hooks that start with the word use - so that you and other developers know that those functions are hooks, and can use them appropriately.

In this lesson, we'll show examples of what to do and NOT do with hooks, by adding on to a simple React app that uses a custom hook.