notification-app-hoc.js

const notifications = [
  {
    date: "Nov 10, 2015 8:00:00",
    message: "Tagged in a photo",
  },
  {
    date: "Nov 10, 2015 9:00:00",
    message: "Mentioned in a post",
  },  
];

// Higher-Order Component
const NotificationsContainer = function(Component) {
  return React.createClass({
    componentWillMount() {
      this.setState({
        notifications
      });
    },

    render() {
      return (
        <Component
          notifications={this.state.notifications}
        />
      );
    },

  });
}

// "Dumb" notification component
const Notifications = NotificationsContainer(React.createClass({
  render() {
    return (
      <div>
        {this.props.notifications.map(notification => {
          return (
            <div>
              <span>{notification.message}</span>
              <span>{notification.date}</span>
            </div>
          );
        })}
      </div>
    );
  },
});

// useage
const App = React.createClass({
  render() {
    return (
      <div>
        <Notifications />
      </div>
    );
  },
});