React Debounce Search Input API Call | useDebounce React Hook

Video Description

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn what debounce is and how to create a React Debounce Search Input with automatic API calls in this tutorial. We'll create a useDebounce React hook with a search input, Axios and SWR. 🚀 Become a full-stack web dev with Zero To Mastery Courses: - Advanced React: https://bit.ly/AdvReactDev - The Complete Web Developer: https://bit.ly/WebDevMaster - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 👇 Follow Me On Social Media: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Source Code: https://github.com/gitdagray/react-debounce React Debounce Search Input | useDebounce hook (00:00) Intro (00:22) Welcome (00:43) Note and Source Code (01:14) The Problem (02:34) Dependencies (03:23) Axios & the Wikipedia API (04:41) Component Review (06:57) Create the useDebounce hook (11:33) Apply the useDebounce hook (12:54) Using the app with Debounce (14:12) Add images to search results (15:18) Challenge for you 📺 Suggested Videos: 🔗 React Suspense & Error Boundaries: https://youtu.be/1_dLaSjzOMY 🔗 Skeleton Loading Components: https://youtu.be/cNQTg920Nx0 📚 Tutorial References: 🔗 API Tutorial: https://www.mediawiki.org/wiki/API:Tutorial 🔗API Query Docs: https://www.mediawiki.org/wiki/API:Query 🔗API Cross-Site Requests Docs: https://www.mediawiki.org/wiki/API:Cross-site_requests Was this React Debounce a Search Input tutorial helpful? If so, please share. Let me know your thoughts in the comments. #react #debounce #search