Logs the diff between current and previous props on a react element

propdiff.js

  componentDidUpdate(prevProps) {
    console.log('Rrow update diff:');

    const now = Object.entries(this.props);
    const added = now.filter(([key, val]) => {
      if (prevProps[key] === undefined) return true;
      if (prevProps[key] !== val) {
        console.log(`${key}
          - ${JSON.stringify(val)}
          + ${JSON.stringify(prevProps[key])}`);
      }
      return false;
    });
    added.forEach(([key, val]) => console.log(`${key}
          + ${JSON.stringify(val)}`));
  }

@Pablion this is a quick script I used maybe twice to debug some React issues.

Feel free to fork it and do whatever you want with it.

I used only once XD. but I like it!

Here it is.. I can't do PR on gitst.
https://gist.github.com/Pablion/88428f51b12ce3836a7f20c8bb00264a