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.
var App = React.createClass({ getInitialState: function() { return {myModel: new myBackboneModel({items: [1, 2, 3]})}; }, componentDidMount: function() { $(this.refs.placeholder).append($('<span />')); }, componentWillUnmount: function() { // Clean up work here. }, shouldComponentUpdate: function() { // Let's just never update this component again. return false; }, render: function() { return <div ref="placeholder"/>; } }); ReactDOM.render(<App />, mountNode);
You can attach your own event listeners and even event streams this way.
Please login to continue.