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
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