⚛️🪝 O que são React Hooks ?
O que são Hooks ?
Vamos começar entendendo o que são Hooks.
Hooks são uma inovação, uma modificação que a equipe do React disponibilizou pra gente a partir da versão 16.8.
Hooks basicamente são uma forma de criar componentes e criar as funcionalidades da sua aplicação sem criar classes inteiras com ciclo de vida, construtores, definindo varias states, dando bind nas funções e entre outros. Agora com uma simples variável nós podemos criar um componente completo e complexo com o uso dos Hooks, os Hooks vieram para mudar a forma de como nós codificamos nossas funcionalidades de forma a usar ainda menos codigo e com mais performance.
Então, se a gente comparar um componente criado com o uso dos Hooks com um componente criado com classes, o criado com Hooks é infinitamente menor em termos de quantidade de código, e isso é muito benéfico tanto para tempo de produção, e para sua produtividade.
Enfim, Hooks são funções (que sempre começam com a palavra use) que permitem a você “conectar-se” aos recursos de state e ciclo de vida do React a partir de componentes funcionais, e só para ressaltar Hooks não funcionam dentro de classes.
Três características importantes sobre os Hooks:
- Eles funcionam apenas em componentes funcionais.
- Eles devem ser invocados sempre no escopo principal do seu componente (por exemplo fora de ifs e functions).
- E por último, eles não podem estar atrelados a nenhuma condicional para serem executados.
O React fornece alguns Hooks internos como useState (veremos no próximo post), mas você também pode criar os seus próprios Hooks personalizados para reutilizar o comportamento de state entre componentes diferentes.
Em breve um post sobre useState.
Meus Links
- Linkedin: Marcos Mendes
- Github: @iamdevmarcos