react-static-container
Renders static content efficiently by allowing React to short-circuit the reconciliation process. This component should be used when you know that a subtree of components will never need to be updated.
Typically, you will not need to use this component and should opt for normal React reconciliation.
Installation
npm install react-static-container
Usage
var StaticContainer = require('react-static-container');
var someValue = ...; // We know for certain this value will never change.
class MyComponent extends React.Component {
render() {
return (
<div>
{this.props.value}
<StaticContainer>
<MyOtherComponent value={someValue} />
</StaticContainer>
<div>
);
}
);
StaticContainer
also takes a shouldUpdate
prop as an escape hatch, allowing granular updates.