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

egghead.io

Build an Angular Instant Search Component

via egghead.io

Overview

In this course, you will learn more about using observables in Angular. We are going to 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 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!
This course assumes a solid understanding of fundamentals. We have Intermediary Angular courses that'll get you up to speed.
Dependency Injection
Components, Directives
Forms
Router
Animating Web Apps
âš  The code used in the course is of Angular ^2.0.0, and the code given in the transcript is of Angular 7.0.3. An updated version of the code can be found here (updated 5/8/2020). The code for each lesson resides in the respective branch on the repository.

Syllabus

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

Taught by

Christoph Burgdorf

Reviews

4.5 rating at egghead.io based on 187 ratings

Start your review of Build an Angular Instant Search Component

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.