Catch errors in render() with SafeReactComponent

SafeReactComponent.js

var React = require('react');
var _ = require('underscore');

// Catches errors in render() and returns null so that we don't
// break the entire React app.
var SafeReactComponent = function(classObj) {
  var originalRender = classObj.render;
  var displayName = classObj.displayName || 'unknown component';
  return React.createClass(_.extend(classObj, {
    render: function() {
      try {
        return originalRender.bind(this)();
      } catch (e) {
        console.error('['+displayName+'] render error:', e);
        return null;
      }
    },
  }));
};

module.exports = SafeReactComponent;