No logs

I’ve installed this package and I’m using it on my react native project like this:

if (process.env.NODE_ENV !== 'production') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render');
  whyDidYouRender(React);
}

But I get no log/error at all.

Do I need to do anything after install package?

"@welldone-software/why-did-you-render": "^3.0.0-beta.5",
"react": "16.8.3"
"react-native": "0.59.2"

[piotrkochan]

I’ve added some myComp.whyDidYouRender = true but still there is no logs

[vzaidman]

copied from the readme:

https://github.com/welldone-software/why-did-you-render#usage

mark all the components you want to be notified about their re-renders with whyDidYouRender like so:

class BigListPureComponent extends React.PureComponent {
  static whyDidYouRender = true
  render(){
    return (
      //some heavy render you want to ensure doesn't happen if its not neceserry
    )
  }
}

Or like this:

const BigListPureComponent = props => (
  <div>
    //some heavy component you want to ensure doesn't happen if its not neceserry
  </div>
)
BigListPureComponent.whyDidYouRender = true

Or track all the components that are matched by their name in the include array like this:

if (process.env.NODE_ENV !== 'production') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render');
  whyDidYouRender(React, { include: [/^pure/], exclude: [/^Connect/] });
}

You probably don’t want the regex way since it will find many many re-renders.

Better focus on your bigger bottleneck components using the first way.