Building Live Search Box
Offered By: egghead.io
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
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 ReactJSMicrosoft 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