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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity