O que faz o useEffect? Leia mais: Quando o useEffect é executado
O useEffect() recebe como primeiro parâmetro uma função que será executada assim que o componente renderizar. Então é um ótimo lugar para fazer requisições. Dessa maneira como escrevemos, a função passada ao useEffect() será executada sempre que o componente for atualizado.
Leia mais
O useState , que permite a criação de estado no componente através de função e faz o gerenciamento do estado local do componente retorna um array como resultado. Por isso, é possível fazermos uma desestruturação para receber partes desse retorno. O array de retorno possui dois índices.Eles permitem usar o state (lugar onde guardamos os dados do nosso componente) e outros recursos do React sem escrever uma classe. Os Hooks nos ajudam a organizar a lógica que será usada em um componente. UseState é muito comum ser usado a fim de controlarmos algumas variáveis de estado em componentes funcionais.
Para que serve um Hook
Hooks são funções que permitem a você “ligar-se” aos recursos de state e ciclo de vida do React a partir de componentes funcionais. Hooks não funcionam dentro de classes — eles permitem que você use React sem classes.
