ReactJSで外部（アプリ等）からのRestAPIにて画面更新をする方法

Question

Reactを勉強している者です。どうか助言いただけると助かります。

公式チュートリアルをみていて疑問があったので投稿します。
＞次のコードではシンプルなポーリングをしていますが、WebSockets や他の方法でも簡単に実現できます。
とありますが、別の方法をしりたいです。

要件としてはアプリ等、外部（アプリ等）からRestAPIでJson形式でPOSTされたときに自動で画面を更新したいです。
そのPOSTは具体的にはユーザDBに登録です。
チュートリアルのように2秒ごとにajaxで取得するのもよいかもしれませんが、
ユーザ登録でDBが更新されたことをイベントとして画面更新したいです。
サーバサイドはRailsでapiに徹しています。
質問がざっくりですみませんが、サンプルコードがあればお願いしたいです。

次のコードではシンプルなポーリングをしていますが、WebSockets や他の方法でも簡単に実現できます。
var CommentBox = React.createClass({
loadCommentsFromServer: function() {
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: function(data) {
this.setState({data: data});
}.bind(this),
error: function(xhr, status, err) {
console.error(this.props.url, status, err.toString());
}.bind(this)
});
},
getInitialState: function() {
return {data: []};
},
componentDidMount: function() {
this.loadCommentsFromServer();
setInterval(this.loadCommentsFromServer, this.props.pollInterval);
},
render: function() {
return (
<div className="commentBox">
<h1>Comments</h1>
<CommentList data={this.state.data} />
<CommentForm />
</div>
);
}
});

ReactDOM.render(
<CommentBox url="comments.json" pollInterval={2000} />,
document.getElementById('content')
);

Answer 1

そのような場合はやはりWebsocketが最適だと思います。

1. クライアント側起動時にサーバのsocketに接続
2. サーバ（Rails）側で、DBが更新されたらemit
3. クライアント（React）側でそのイベントをonで受け取ってstateを更新

で実現出来るかと。

Answer 2

手前味噌の記事ですが、これと同じことかな？
React使ってSPAを作るよ（17）

私も勉強中なのでこの記事を書いたときは2秒ごとに変数をチェックさせてましたが、今思えば再レンダリングが走るようなfunctionを外に作っておいて、ajaxでPOSTしたあと、.done()の時点でそれを呼び出す、とかでできる気がします。