Skip to content
This repository has been archived by the owner on Jan 14, 2023. It is now read-only.

Latest commit

 

History

History

Build an Angular 2 Instant Search Component

Build an Angular 2 Instant Search Component

11 minutes

In this course you will learn more about using observables in Angular 2. We are going to explore the new HTTP service, and how we can leverage the power of observables and RxJS to build a rock solid instant search component with a handful of operators.

You will learn operators like map, distinctUntilChanged, debounceTime, merge, flatMap, and switchMap by applying them to a real-world component. By the end of this course you will have a clear understanding of how components can be designed around the concept of event streams which are wired together like modular building blocks. All of this in about 11 minutes! 😄

  1. Consuming events as Observables in Angular 2
  2. Debounce the user input in Angular 2 using debounceTime
  3. Prevent unnecessary requests in Angular 2 with distinctUntilChanged
  4. Combine Observables in Angular 2 with flatMap
  5. Deal with out of order responses in Angular 2 using switchMap
  6. Build fully reactive APIs in Angular 2 with Observables