rangle / angular-devtools

Moved to the Angular organization.
https://github.com/angular/angular/tree/master/devtools
256 stars 18 forks source link

Question on Source events in Profiler #972

Open phalgunv opened 2 years ago

phalgunv commented 2 years ago

On the profiler tab, the moment I click "Start recording", even before I could move the cursor away from start button, I see there is a continuous stream of change detection cycles. The Source is reported as "Window.addEventListener:message". Please see the screenshot below image

  1. How can I find what could be causing these events and hence the numerous change detection cycles?
  2. As seen in the screenshot there is a method called "changes" listed on the right under the component details. The CasePanelComponent does even have ngOnChanges() method, so what is being referred to here by "changes" method?

Note: I had raised the same question on StackOverflow but I haven't got any response yet, so raised it here as an issue.

eneajaho commented 2 years ago

Hello, it looks like you have Redux Devtools installed.

It is a known issue that Redux Devtools interferes with Angular Devtools.

Check the issue here: Interferences with Redux DevTools extension

phalgunv commented 2 years ago

Thanks @eneajaho . Can you help with the second question about "changes" method?

eneajaho commented 2 years ago

That is the ngOnChanges method on the component. @phalgunv

phalgunv commented 2 years ago

@eneajaho I see "changes" method reported for components which do not have "ngOnChanges" method implemented.