YoVDO

Building Live Search Box

Offered By: egghead.io

Tags

React Courses Web Development Courses Javascript Courses Asynchronous Programming Courses

Course Description

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

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera