Hooks no React

Nesta lição, começaremos a nos familiarizar com os hooks. Nós já os encontramos quando estudamos estados - lá aprendemos a trabalhar com o hook de estado useState.

De modo geral, hooks são funções JavaScript comuns, cujos nomes começam com a palavra 'use'.

Os hooks permitem que usemos estados e outras funcionalidades do React sem usar classes. Eles facilitam a reutilização de código para diversas tarefas, bem como seu teste e ajudam a dividir componentes complexos em funções mais simples de acordo com sua finalidade. Alguns hooks são capazes até de substituir a funcionalidade do Redux. Além de tudo, os hooks ajudam a melhorar o desempenho do aplicativo.

Se você quiser usar hooks, siga duas regras principais. Primeiro, use-os apenas no nível superior - não os chame dentro de loops, instruções condicionais ou funções aninhadas. Em segundo lugar, os hooks devem ser chamados apenas a partir de funções do React (de componentes React ou de hooks personalizados), mas não a partir de funções JavaScript comuns.

Um erro comum cometido por programadores é o uso descontrolado de hooks no código. Antes de usar este ou aquele hook, certifique-se de que ele é realmente necessário.

Na próxima lição, veremos os tipos de hooks.