React PureComponent debugger. This component log why your PureComponent will render.
With npm
npm install react-pure-debug --save
ìmport PureDebug from 'react-pure-debug';
In your component class, you have just to replace :
MyComponent extends React.PureComponent {...
by
MyComponent extends PureDebug {...
You will see log like this in your console.
- Red cross when the prop or state is the same but not the strict comparaison
- Green check when the prop or state are different.
Comming soon :
memoDebug()