glossárioPatterns
$cat~/glossario/debouncing.md

Debouncing

Padrões & Qualidade

Agrupa chamadas rápidas executando apenas após pausa no input.

debouncing.mdmarkdown
01

seção

Explicação

Debouncing — Agrupa chamadas rápidas executando apenas após pausa no input.

Executa função após pausa desde última chamada — search input, resize handler.

Leading vs trailing edge options.

02

seção

Exemplo

snippetJavaScript
function debounce(fn, ms) {  let t;  return (...args) => {    clearTimeout(t);    t = setTimeout(() => fn(...args), ms);  };}
03

seção

Modo de uso

  • Search autocomplete API

  • Window resize layout

  • Auto-save draft

04

seção

Armadilhas comuns

  • Never fire if continuous events

  • Wrong ms UX sluggish

05

seção

Termos relacionados