Sobes.tech
Junior

Quais são os principais hooks do React que você conhece e usa?

sobes.tech IA

Resposta da IA

  • useState: Para gerir o estado de um componente.
  • useEffect: Para realizar efeitos secundários (requisições à API, subscrições, manipulação do DOM) em componentes funcionais, em resposta a alterações.
  • useContext: Para aceder ao valor do contexto a partir de um componente, sem passar props através de níveis intermédios.
  • useRef: Para armazenar valores mutáveis que não provocam re-renderizações, ou para obter uma referência a um elemento DOM.
  • useMemo: Para memorizar cálculos e evitar a sua reexecução em cada renderizado se as dependências não mudarem.
  • useCallback: Para memorizar funções, evitando a sua criação em cada renderizado e problemas de desempenho ao as passar para componentes que usam React.memo.
  • useReducer: Alternativa ao useState para gerir estados mais complexos, especialmente útil quando há múltiplas atualizações relacionadas ou quando o próximo estado depende do anterior.
  • useLayoutEffect: Executa-se de forma síncrona após todas as mutações do DOM e antes do navegador pintar, usado para ler a disposição do DOM após o render e fazer alterações com base nisso.