React static component by higher order function.

main.js

import React from 'react';
import StaticHeader from './StaticHeader';

React.render(<StaticHeader name="foo" />, document.getElementById('app'));

StaticComponent.js

import React from 'react';

const Static = Component => class extends React.Component {
    shouldComponentUpdate() {
        return false;
    }
    render() {
        return <Component {...this.props} />;
    }
};
export default Static;

StaticHeader.js

import React from 'react';
import Static from './StaticComponent';

class Header extends React.Component {
    render() {
        return <div>Hello {this.props.name}</div>;
    }
}

export default StaticComponent(Header);