Naive Pure Component

01_pureComponent.js

import React from 'react';

export default (render) => class extends React.Component {
  shouldComponentUpdate(nextProps, nextState){
    return nextProps !== this.props;
  }
  
  render(){
    return render(this.props);
  }
}

02_someListComponent.js

import c from './pureComponent';

const ListItem = c(({
  title,
  description
}) => (
  <li>
    <h2>{title}</h2>
    <p>{description}</p>
  </li>
)); 

export default c(({
  listItems
}) => (
  <div>
    <ul>{listItems.map(i => <ListItem {...i} />)}</ul>
  </div>
))