入力の処理を遅延させて、パフォーマンスを向上させる Debounce の効果を体験しましょう
Debounce は、関数の実行を指定された遅延時間まで待機させるプログラミングパターンです。 同じ関数が短時間に何度も呼び出される場合、最後の呼び出しのみを実行します。
このデモでは、左側の入力は every keystroke(キー入力のたびに)即座に処理が実行されますが、 右側の入力は入力が止まってから500ms(デフォルト)後にのみ処理が実行されます。
実際のアプリケーションでは、検索オートコンプリート、ウィンドウリサイズ時のレイアウト計算、 フォームバリデーションなどで広く使用されています。