devtools icon indicating copy to clipboard operation
devtools copied to clipboard

feat: display more details of hooks listeners

Open stefanobartoletti opened this issue 1 year ago â€ĸ 0 comments

🆒 Your use case

I think it would be a nice addition to the devtools to have a more detailed breakdown of hook listeners.

Currently hooks are listed with a count of listeners and the number of executions:

Screenshot_20240913_072603

I think it would be nice to be able to tell what exactly is using a specific hook, and generally speaking, tell what happens at a given point of the app lifecycle.

This also will help in better diagnosing the duration as displayed in the last column, and to try to improve performances

🆕 The solution you'd like

Clicking on a hook in the list should display a panel with more verbose details, like an explicit list of listeners, more details on execution, and so on.

🔍 Alternatives you've considered

No response

â„šī¸ Additional info

No response

stefanobartoletti avatar Sep 13 '24 17:09 stefanobartoletti