Reactと他ライブラリとの連携
全てをReactで作る必要はありません。
コンポーネントのライフサイクルイベント、
特にcomponentDidMount
とcomponentDidUpdate
は他のライブラリのロジックを書くのに最適な場所です。
var App = React.createClass({
getInitialState: function() {
return {myModel: new myBackboneModel({items: [1, 2, 3]})};
},
componentDidMount: function() {
$(React.findDOMNode(this.refs.placeholder)).append($('<span />'));
},
componentWillUnmount: function() {
// クリーンアップ処理をここに書きます。
},
shouldComponentUpdate: function() {
// このコンポーネントが再度更新されることのないようにします。
return false;
},
render: function() {
return <div ref="placeholder"/>;
}
});
React.render(<App />, mountNode);
独自のイベントリスナーと、 このようなイベント・ストリームでさえも割り当てることが可能です。