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)}`));
  }

1. The order of line 10 and line 11 is reversed?
   I just changed them like this:

          - ${JSON.stringify(prevProps[key])}
          + ${JSON.stringify(val)}`);

2. Also, I would like to ask if the ten starting space is a convention?
3. Thrid thing: maybe add some red/green color to the + and -?
4. Can I PR this?

@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