pure render decorator, deep comparison
npm install pure-render-immutable-decoratorcompare props and state automatically
``
$ npm install pure-render-immutable-decorator --save
If you don't care the data in shouldComponentUpdate, you can just use the decorator way. But you have to install babel-plugin-transform-decorators-legacy plugin for compilation.
`js
import pureRender from "pure-render-immutable-decorator";
@pureRender
class List extends Component {
constructor(props, context) {
super(props, context);
}
render() {
return (
`
If you need to modify logic in shouldComponentUpdate, you can use it like this:
`js
import { deepCompare } from "pure-render-immutable-decorator";
class List extends Component {
constructor(props, context) {
super(props, context);
}
shouldComponentUpdate(nextProps, nextState) {
// some logic
var shouldUpdate = / some logic /
return deepCompare(this, nextProps, nextState) && shouldUpdate;
}
render() {
return (
``