Debounce em JavaScript
O que é Debounce ?
🤔 Debouncing é uma técnica usada para garantir que uma função não seja chamada mais de uma vez a cada X milissegundos.
Quando usar ?
🔄 Eventos que disparam múltiplas vezes rapidamente, como redimensionamento da janela, rolagem ou teclas pressionadas.
Exemplo Prático
👨💻 Imagine um campo de busca que envia uma requisição a cada tecla pressionada. Sem debounce, isso causaria várias requisições desnecessárias.
Usando a Função
Explicação
- 1️⃣ debounce recebe uma função e um tempo de espera.
- 2️⃣ Retorna uma nova função que redefine o timeout e chama a função original após o tempo de espera.
- 3️⃣ Aplica debounce ao evento de entrada do campo de texto.
Benefícios
✔️ Melhora a performance
✔️ Menos requisições desnecessárias
✔️ Experiência do usuário mais suave
Tente Você Mesmo!
💡 Debounce é uma técnica simples, mas poderosa.
Experimente adicionar debounce ao seu projeto e veja a diferença!
Te Encontro no Linkedin.
