Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tracing user interactions with React #8458

Closed
swissspidy opened this issue Jul 26, 2021 · 2 comments
Closed

Tracing user interactions with React #8458

swissspidy opened this issue Jul 26, 2021 · 2 comments
Labels
Group: Telemetry P2 Should do soon Type: Enhancement New feature or improvement of an existing feature Type: Performance Performance related issues and enhancements.

Comments

@swissspidy
Copy link
Collaborator

swissspidy commented Jul 26, 2021

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

@swissspidy swissspidy added Type: Enhancement New feature or improvement of an existing feature P2 Should do soon Type: Performance Performance related issues and enhancements. Pod: WP & Infra Group: Telemetry labels Jul 26, 2021
@swissspidy
Copy link
Collaborator Author

Related: #8135 (comment)

See also: #8459

@swissspidy
Copy link
Collaborator Author

This API was actually removed in React 17, see https://gist.github.com/bvaughn/8de925562903afd2e7a12554adcdda16 / facebook/react#20037

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Group: Telemetry P2 Should do soon Type: Enhancement New feature or improvement of an existing feature Type: Performance Performance related issues and enhancements.
Projects
None yet
Development

No branches or pull requests

1 participant