Katya Pavlenko - Debugging Angular with Flame charts | AngularUP 2021
Debugging Angular with Flame charts
"What do you know about how Angular works? You read articles explaining what it does under the hood, how change detection works, what zonejs is needed for and trust those articles. But what if you want to check it yourself to debug next nasty bug which is probably related to framework code? First idea is to put breakpoints and try to follow them in Sources tab Chrome
But there is a better way that not everyone knows about – use performance tab and record your interaction to flame chart, which would show you how exactly framework is working, and you'd be able to see where button click is born and what journey it does to update app state.
Talk not only useful for angular developers, but for any frontend developer.
Focus can be shifted to performance or zonejs."
Katya Pavlenko -
Freelance consultant