Simple render logger?

Hi Vitali!

I really like WhyDidYouRender and want to thank you one more time, от души!

How difficult it would be to create a logger for printing component names being rendered? Without any options (except for on/off), just simple names printing. In my understanding it’s just a minor part of WDYR.

Currently we have to leave console.log("ComponentName render") or like in every component and optionally wrap it into if (process.env.NODE_ENV === "development") {...}-s. But going WYDR way, we could have just a single initialization call in the index.js and then get logging enabled for every component.

I think such a tool would be very helpful.

P.S. Let’s imagine what it could have looked like:

if (process.env.NODE_ENV === "development") {
  const renderLogger = require("@welldone-software/render-logger");
  renderLogger(React, {
    enabled: true
  });
}

[vzaidman]

hey!

take a look at this fixed version: https://codesandbox.io/s/wdyr-simple-logger-11-fix-p3ilj

I updated the readme yesterday to eliminate these edge cases: https://github.com/welldone-software/why-did-you-render#installation

the difference is that wdyr should be applies before elements are created, including App.

[OnkelTem]

Thanks! Let me try. If/when I succeed I’ll come up with an example sandbox and a snippet.