Profiling Change Detection

Let’s learn how observables are used to run the change detection.

Change detection

While digging through Angular’s internals, you’ll build some tooling to track the length of each change detection cycle.

I’ve created an application that has some performance issues for you to debug.

Bad performance management system

This application is a patient processing system for a hospital. We’re using fake data generated by Faker.js. This is certainly a situation where page response time matters. Fire it up and browse through the (fictitious) patients.

You’ll notice that updating anything on the page takes a while.

Please open the application in a separate tab by clicking on the link given below next to Your app can be found at:. Images on the display page will not appear ,but please focus on the rendering of images when you perform operation using the Change Ward button.

Get hands-on with 1200+ tech skills courses.