shakogegia/react-shallow-compare

Shallow Compare props for react that works for with immutable.js too you can use it with recompose

Shallow Compare

Shallow Compare props for react that works for with immutable.js too you can use it with recompose

install

npm i react-shallow-compare --save

or

yarn add react-shallow-compare

Usage

import

import { shouldUpdate } from recompose
import { shallowCompare, shallowCompareOnly, shallowCompareExclude } from 'react-shallow-compare'

you can choose 3 methods

compare whole props

  shouldUpdate(shallowCompare),

or white list props

  shouldUpdate(shallowCompareOnly(['prop1', 'prop2'])),

or black list props

  shouldUpdate(shallowCompareExclude(['prop1', 'prop2'])),

you can also you it without recompose

import { shallowCompare } from 'react-shallow-compare'


class MyComponent extends React.Component {
  ...
  
  shouldComponentUpdate(nextProps, nextState) {
    return shallowCompare(this.props, nextProps)
  }
  ...
}