react native inspect component

gistfile1.txt

const _ = require('lodash')
/**
 * Deep diff between two object, using lodash
 * @param  {Object} object Object compared
 * @param  {Object} base   Object to compare with
 * @return {Object}        Return a new object who represent the diff
 */
function difference(object, base) {
  function changes(object, base) {
    return _.transform(object, function (result, value, key) {
      if (!_.isEqual(value, base[key])) {
        result[key] = (_.isObject(value) && _.isObject(base[key])) ? changes(value, base[key]) : value;
      }
    });
  }
  return changes(object, base);
}




shouldComponentUpdate(nextProps, nextState) {
    // if (__DEV__) {
    //   let stateChanges = difference(nextState, this.state)
    //   let propChanges = difference(nextProps, this.props)
    //   let stateIgnoreList = ["currentHomeFeedOffset"]
    //   let stateKeys = _.filter(Object.keys(stateChanges), function(o) {return !stateIgnoreList.includes(o)})
    //   let propKeys = Object.keys(propChanges)
    //   let shouldIgnoreUpdate = stateKeys.length + propKeys.length === 0

      
    //   let shouldUpdate = (nextProps ? nextProps.isFocused : this.props.isFocused) && !shouldIgnoreUpdate
    //   if (shouldUpdate) {
    //      console.log(`change ${JSON.stringify(stateChanges)} + ${JSON.stringify(propChanges)}`)
    //   }
    //   return shouldUpdate
    // }
    return nextProps.isFocused
  }