What We learned

This was your first look into how RxJS can be integrated into a larger framework. You learned about how RxJS can be used to pass AJAX calls around in an application, as well as to hook into the router of a single-page app. Angular services powered by RxJS can allow your application to query and update information without using up lots of extraneous resources.

There’s more to learn about how RxJS turbocharges web frameworks. In the next chapter, you’ll learn about using reactive forms to simplify many of your woes around building web forms.

Challenges

If you want to dig further into the Angular world, you can add a few more features to this project.

• First, check out the [routerLinkActive] directive to make it clearer to the user which page they’re on. This directive lets you add a class to a link element if the current page is the one the element links to.

• Some more features to stretch your newfound Angular skills are to: create a universal error handler for all observables, show in the UI when a photo in the results page has already been saved, and add the ability to remove an already saved photo.