<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Debounce on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/debounce/</link><description>Recent content in Debounce on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Sat, 25 Oct 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/debounce/index.xml" rel="self" type="application/rss+xml"/><item><title>Guided Project 2: Implementing a Custom Debounce Event</title><link>https://ai-blog.noorshomelab.dev/angular-new-concepts/project-2-custom-debounce-event/</link><pubDate>Sat, 25 Oct 2025 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/angular-new-concepts/project-2-custom-debounce-event/</guid><description>&lt;h2 id="7-guided-project-2-implementing-a-custom-debounce-event"&gt;7. Guided Project 2: Implementing a Custom Debounce Event&lt;/h2&gt;
&lt;p&gt;In this guided project, we&amp;rsquo;ll build a highly practical custom Angular Event Manager Plugin. Our goal is to create a reusable &lt;code&gt;(debounceInput)&lt;/code&gt; event that can be applied directly in templates to automatically debounce user input, preventing rapid, unnecessary event firing. This is crucial for improving performance in search fields, real-time validation, and other interactive elements.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Project Objective:&lt;/strong&gt; Create a custom &lt;code&gt;(debounceInput)&lt;/code&gt; event that triggers an Angular handler only after a specified delay since the last input, and apply it to an input field.&lt;/p&gt;</description></item></channel></rss>