Reactive Pattern for Tracking Progress

Tracking bulk upload

In order to track the progress of the bulk upload, we can call a very useful operator called finalize. The finalize operator allows us to call a function when the observable completes or errors out.

The idea is to call the finalize operator and execute a function that will calculate the progress. This way, every time an observable is completed, the progress will get updated. This is what the code will look like in recipes-book-front/src/app/recipe-creation/recipe-creation.component.ts: