benchmarks about react-page HOT 2 CLOSED

import deepEqual from 'deep-equal'
var diff = require('deep-diff').diff

export const shouldPureComponentUpdate = function (nextProps) {
  // if (Math.random() > 0.98 && nextProps.cells) {
  //   console.log(nextProps, this.props, 'deepEqual', deepEqual(nextProps, this.props))
  // }

  const nextKeys = Object.keys(nextProps)
  const lastKeys = Object.keys(this.props)
  const next = nextKeys.filter((k) => typeof nextProps[k] !== 'function')
  const last = lastKeys.filter((k) => typeof nextProps[k] !== 'function')

  if (!deepEqual(next, last)) {
    return false
  }

  // eslint-disable-next-line no-invalid-this
  return next.filter((k) => nextProps[k] !== this.props[k]).length > 0
}

import deepEqual from 'deep-equal'

export const shouldPureComponentUpdate = function (nextProps) {
  // eslint-disable-next-line no-invalid-this
  const lastKeys = Object.keys(this.props)
  const nextKeys = Object.keys(nextProps)
  if (!deepEqual(lastKeys, nextKeys)) {
    return false
  }

  const next = nextKeys.filter((k) => typeof nextProps[k] !== 'function')
  // eslint-disable-next-line no-invalid-this
  const changed = next.filter((k) => !deepEqual(nextProps[k], this.props[k])).length

  return changed > 0
}