Video Description

When implementing a search feature, we don't want to issue an http request for each character the user types. In this video, I walk through one way to implement a more efficient search feature using debouncing and the new experimental resource API. *Links* Code: https://stackblitz.com/~/edit/httpresource-debouncing-deborahk YouTube video: "httpResource(): First Look": https://youtu.be/DefmIyp3Uho YouTube video: "First Look at Angular's new resource() and rxResource()": https://youtu.be/_KyCmpMlVTc *Content* 00:00 Implementing a search feature 01:01 Using httpResource() to search 02:54 What is debouncing? 03:58 Using the Observable debouncetime() 05:40 Trying it out 06:06 Generic debounce utility function 07:44 Using resource() or rxResource() to search ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: @DeborahKurata Or on Bluesky: @deborahkurata.bsky.social Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angularsignals #angularsignalstutorial #angularstatemanagementwithsignals #angularstatemanagement #angulartutorials #angularforbeginners #angularbestpractices #signalsinangular #signaltutorial #resource #rxresource #httpresource #resourcevsrxresourcevshttpresource #debouncing #debouncinginangular #debouncingwithresourceapi