Awesome

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.