React Useeffect skill

O que ela faz

A skill resume o guia oficial do React “You Might Not Need an Effect”. A ideia central: o useEffect serve pra sincronizar com algo de fora do React, como uma API do navegador ou um componente que não é React. Se não tem nada de fora envolvido, provavelmente não precisa dele.

Ela traz uma tabela do que não fazer e do que fazer: valor derivado se calcula na renderização, cálculo pesado vai pro useMemo, estado que precisa zerar quando muda a prop usa key, e resposta a clique fica no próprio evento. Busca de dados com useEffect, só com limpeza ou pelo recurso do framework.

Tem uma árvore de decisão curta e dois arquivos de apoio: um com os erros comuns e o conserto de cada um, outro com as alternativas, incluindo o useSyncExternalStore pra assinar dados de fora.

Nas palavras de quem fez

Quando usar

• Revisar um componente React que saiu cheio de useEffect
• Fazer um formulário que calcula total, desconto ou frete na hora
• Buscar dados de uma API num componente do jeito certo
• Zerar um formulário quando muda o item selecionado

Depois de instalar, é só pedir assim

• Revisa esse componente e tira os useEffect que não precisam existir
• O total do carrinho está num useState com useEffect; refaz do jeito certo
• Quando eu troco de cliente na lista, o formulário fica com os dados do anterior. Corrige

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas