Skip to content

Tracing user interactions with React #8458

Closed

Description

Feature Description

We could use the experimental interactions tracing API in React to make debugging in React dev tools easier.

A new Interactions tab shows up in dev tools when running the profiler and performing user interactions

If running a build with the profiler enabled, it could also be combined with telemetry to send the information to analytics.

Could also consider wrapping all actions in a context provider with trace()

Related reading:

https://kentcdodds.com/blog/tracing-user-interactions-with-react
https://gist.github.com/bvaughn/8de925562903afd2e7a12554adcdda16
https://elijahmanor.com/blog/react-devtools-profiler
https://addyosmani.com/blog/profiling-react-js/

Alternatives Considered

Additional Context


Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance Criteria

Implementation Brief

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Group: TelemetryP2Should do soonType: EnhancementNew feature or improvement of an existing featureType: PerformancePerformance related issues and enhancements.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions