React Should Component Update

Higher-Order Component for adding shouldComponentUpdate to components. It supports easy to set shortcuts.

Install

npm install --save react-should-component-update

Usage

import shouldComponentUpdate from 'react-should-component-update';
import MyComponent from './my_component';
 
// Path shortcut
// `shouldComponentUpdate ( path )( Component )`
// Updates the component if the prop at `path` changed
 
shouldComponentUpdate ( 'myprop.foo' )( MyComponent );
 
// Path toggle shortcut
// `shouldComponentUpdate ( [path, valuePath] )( Component )`
// Updates the component if the prop at `path` becomes equal-to/different-from the prop at `valuePath`
// This is useful when your component should be re-rendered only when it gets selected/unselected
 
shouldComponentUpdate ( ['myprop.foo', 'foo'] )( MyComponent );
 
// Plain function
// `shouldComponentUpdate ( myFn )( Component )`
// Updates the component if `myFn` returns true
 
function myFn ( props, nextProps ) {
  // Update logic here
}
 
shouldComponentUpdate ( myFn )( MyComponent );
 
// Boolean shortcut
// `shouldComponentUpdate ( bool )( Component )`
 
shouldComponentUpdate ( false )( MyComponent );
 
// Multiple rules
// Updates the component if at least one updating rule passes
 
shouldComponentUpdate ( 'myprop.bar', ['myprop.foo', 'foo'], myFn )( MyComponent );

Related

• react-log-updates: Log the number of updates occurring, broken down by components.
• react-selectr: Simple selector for React components.

License

MIT © Fabio Spampinato