overwrite your react component's shouldComponentUpdate to compare deeply
React.PureComponent is very useful to make your react application faster. However, since React.PureComponent uses 'shallow comparison', render method is not invoked when values of Object or array in props or state are changed. I think it may make some bugs and I hope to compare props or state deeply. So, I developed this. That's more, I made this to use it as decorator because I hope to apply 'deep comparison' simply to existing codes. I hope that this library will help you. Thanks;)
npm install --save pure-deep-equal
import React from "react";
import PureDeepEqual from "pure-deep-equal"
@PureDeepEqual
class Test extends React.Component {
// ...
}
if you use babel but you haven't yet install babel-plugin-transform-decorator-legacy, install it and setup.
- install
npm install --save-dev babel-plugin-transform-decorator-legacy
- setup
.babelrc
"plugins": ["transform-decorators-legacy"]
This project is licensed under the terms of the MIT license