Great way to wrap non-React UI elements that manage lists of items and leverage VDOM diffing

wrap.js

const SourceElement = React.createClass({
  componentDidMount: f() {
    this.props.view.addSource(this.props.source);
  },
  
  componentWillUnumount: f() {
    this.props.view.removeSource(this.props.source);
  },
  
  componentWillReceiveProps: f(nextProps) {
    this.props.view.updateSource(nextProps.this.props.source);
  },
  
  render: f() {
    return null;
  }
});