Use React with Other Libraries

You don’t have to go full React. The component lifecycle events, especially componentDidMount and componentDidUpdate, are good places to put your other libraries’ logic.

  1. var App = React.createClass({
  2.   getInitialState: function() {
  3.     return {myModel: new myBackboneModel({items: [1, 2, 3]})};
  4.   },
  6.   componentDidMount: function() {
  7.     $(this.refs.placeholder).append($('<span />'));
  8.   },
  10.   componentWillUnmount: function() {
  11.     // Clean up work here.
  12.   },
  14.   shouldComponentUpdate: function() {
  15.     // Let's just never update this component again.
  16.     return false;
  17.   },
  19.   render: function() {
  20.     return <div ref="placeholder"/>;
  21.   }
  22. });
  24. ReactDOM.render(<App />, mountNode);

You can attach your own event listeners and even event streams this way.