React Component that checks n-levels deep for `shouldComponentUpdate`
npm install react-n-depth-checker> React Component that checks n-levels deep for shouldComponentUpdate
A React component that implements comparison in shouldComponentUpdate with a depth setting.
This is useful for components that:
1. Have some props that are complex types (object/array).
2. You want React.PureComponent-ish shallow checking for primitive props + checking some depth for other props without completely reimplementing shouldComponentUpdate.
If you're doing depth=0 (shallow comparison), just use React.PureComponent.
``
$ npm install react-n-depth-checker
`js
const createChecker = require('react-n-depth-checker');
const DepthFiveCheckerComponent = createChecker(5);
const MyComponent extends DepthFiveCheckerComponent {
// Will go five levels further than PureComponent's shallow comparison.``
// At depth=1, will iterate through any prop that is an array/object and then do a shallow compare.
propTypes: {
anArray: PropTypes.array
}
}