Hook useState

• O hook useState é usado para adicionar funcionalidade de estado.
• Permite declarar e gerenciar variáveis de estado dentro de um componente.
• Ao chamar o hook useState, podemos inicializar uma variável de estado e uma função setter correspondente.
• Atualizar a variável de estado dispara uma nova renderização do componente, refletindo o novo valor do estado.

Hook useRef

• O hook useRef oferece uma maneira de criar variáveis mutáveis que persistem durante as renderizações do componente.
• Diferente do useState, o useRef não dispara uma nova renderização quando seu valor muda.
• É comumente usado para acessar ou armazenar referências a elementos do DOM, gerenciar valores anteriores ou preservar valores entre renderizações.

Hook useEffect

• O hook useEffect nos permite realizar efeitos colaterais.
• Podemos usar o useEffect para lidar com tarefas como a obtenção de dados, inscrições ou interação com o DOM.
• Especificando dependências, controlamos quando o efeito é executado, otimizando a performance e prevenindo re-renderizações desnecessárias.

Hook useMemo

• O hook useMemo permite a memoização de cálculos ou computações custosas.
• Ele recebe uma função e um array de dependências e retorna um valor memorizado.
• Fornecendo um array de dependências, garante-se que o valor memorizado só seja re-computado quando as dependências mudarem. Esta otimização pode melhorar significativamente a performance ao evitar re-cálculos desnecessários.

Contexto

• Contexto permite a passagem de dados através da árvore de componentes sem a necessidade de prop drilling explícito.
• Ele possibilita o gerenciamento de estado global e permite que componentes acessem dados compartilhados.
• Contexto consiste em duas partes principais: o objeto Contexto e o Provedor de Contexto.
• O objeto Contexto contém os dados compartilhados, enquanto o componente Provedor envolve a parte da árvore de componentes que precisa de acesso a esses dados.
• Componentes que consomem esses dados podem acessá-los usando o hook useContext.

Hook useRef

• O hook useRef oferece uma maneira de criar variáveis mutáveis que persistem durante as renderizações do componente;
• Ao contrário do useState, o useRef não aciona uma nova renderização quando seu valor muda;
• É comumente utilizado para acessar ou armazenar referências a elementos DOM, gerenciar valores anteriores ou preservar valores entre renderizações.

Hook useEffect

• O hook useEffect nos permite realizar efeitos colaterais;
• Podemos usar o useEffect para lidar com tarefas como busca de dados, assinaturas ou interação com o DOM;
• Ao especificar dependências, controlamos quando o efeito é executado, otimizando o desempenho e prevenindo re-renderizações desnecessárias.

Hook useMemo

• O hook useMemo permite a memorização de cálculos ou computações custosas;
• Ele recebe uma função e um array de dependências, retornando um valor memorizado;
• Fornecer um array de dependências garante que o valor memorizado só seja recalculado quando as dependências mudam. Essa otimização pode melhorar significativamente o desempenho ao evitar recálculos desnecessários.

Contexto

• O contexto permite passar dados através da árvore de componentes sem necessitar de passagem explícita de props;
• Ele possibilita a gestão de estado global e permite que os componentes acessem dados compartilhados;
• O contexto é composto de duas partes principais: o objeto Contexto e o Provedor de Contexto;
• O objeto Contexto contém os dados compartilhados, enquanto o componente Provedor envolve a parte da árvore de componentes que precisa acessar esses dados;
• Os componentes consumidores podem acessar os dados utilizando o hook useContext.