What do you like in Why Did You Render? What tooling would you like to be integrated in React Developer Tools?

[vzaidman]

Hi everyone,
I’m Vitali, the maintainer of Why Did You Render, and I’m excited to share some news and gather your thoughts.

Over the past year, I joined the React team, specifically the team that works on React tooling. This opportunity has opened the door to explore how we can enhance the developer experience for React users— and your input could offer valuable insights to help me with this effort.

I’d love to hear from the community about several topics:

1. What do you love about Why Did You Render?
   • How do you use it in your projects?
   • What problems has it solved for you?
2. What features would you like to see integrated into React Developer Tools?
   • This could include existing features from "Why Did You Render" or new ideas entirely.
3. Are there other pain points or debugging needs you’d love to see addressed?

Your feedback is invaluable in shaping the future of Why Did You Render and potentially to React Developer Tools.

Looking forward to hearing your insights and ideas!

Cheers,
Vitali

[mark-veryawesome]

Hi Vitali,

Congrats!

It would be great to see tooling oriented around providing better digram visualizations for component state tracking and tress as well as for time-travel debugging.

[KrunalParmar85]

Would it be possible for WDYR (Why Did You Render) to be integrated into React DevTools or offered as a browser extension? Currently, setting it up depends on whether the project uses Vite, CRA, or TypeScript, making the setup process vary. Having it as a built-in feature of React DevTools or as a standalone browser extension would provide a more seamless and consistent experience for developers.

[mark-veryawesome]

you should look into https://github.com/aidenybai/react-scan/tree/main. Much more streamlined implementation compared to WDYR and way better UX overall

[natew]

Just want to say, I cannot wait for react dev tools to have some proper why did you render support. It's desperately needed and will save countless hours of dev time. Appreciate all the work you've done!