Hooks

What are Hooks?

Hooks are specially-implemented functions that let us add functionality to React components beyond just creating and returning React elements.

We'll look at the following built-in hooks in more detail:

• useState - Persist state within a component function
• useReducer - Similar to useState, but for state that involves multiple sub-values
• useEffect - Perform side effects within our component functions

We can also compose built-in hooks to build our own.

Rules and Linting

Hooks aren't regular functions; they have to be written in a certain way. To dive deeper into this topic, check out Rules of Hooks.

When using hooks, we typically want to use eslint and the react-hooks plugin. Hooks are powerful, but can be unintuitive at first, and this tool catches a lot of mistakes before we ever run our code. The Rules of Hooks link has more detail on how to install this.