Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Building Live Search Box

via egghead.io

Overview

Like in section 04 Implement the Pattern in Common Async Scenarios, it's time to implement the pattern in common scenarios!
Now that you're familiar with the pattern we'll build a search box that handles a few different async scenarios.
You'll filter values based on user input, debounce text while a user is typing, and send a request once they are finished. Finally, we'll see how to implement a cache to save on network requests
You're in Section 07 of Composing Closures and Callbacks in JavaScript

Syllabus

  • Build a Live Search Box with useBroadcaster and useListener in React
  • Fixing Bugs in Our Live Search Box
  • Create an ifElse Operator to Fork on a Condition
  • Merge Multiple useListener Hooks in React
  • Compare useBroadcaster and useListener to the Standard React Hooks
  • Remember to Check for Done
  • Save Network Requests by Using a Cache
  • Fix Race Conditions Due to Caching and Canceling

Taught by

John Lindquist

Reviews

4.6 rating at egghead.io based on 13 ratings

Start your review of Building Live Search Box

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.