feat: display more details of hooks listeners
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.3k
- Forks
- 214
- Avg merge
- 13h 22m
- Merged PRs (30d)
- 18
Description
🆒 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:
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue names no files, tests, or entry points. Start by locating the existing hooks listener list in the devtools, then clarify which listener and execution details the panel must show and how the interaction and completion criteria should work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- developer-experience, tooling
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100