Skip to content

[DevTools] Flash checked components during change detection #61939

@dgp1130

Description

@dgp1130

Which @angular/* package(s) are relevant/related to the feature request?

No response

Description

It can be hard to follow which components are affected by a change detection cycle, especially when OnPush is in play or the app has complicated data flow. It can be unexpected that interacting with one component causes a completely different component to trigger change detection, and this is often indicative of performance bugs.

Proposed solution

DevTools could have a "Highlight Change Detection" mode (similar to hydration overlays) which gives a brief flash to any components which are checked. This would give a visual indication of the rendering performance impact of a specific user interaction and help highlight where potential optimizations are.

Alternatives considered

Don't?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions