【React】ブラウザのタブ切り替えでの，フォーカスの検知

Question

Reactを用いたアプリ開発で
現在，ブラウザのタブのフォーカス検知によるプログラムの実行をしたいと考えています．
たとえば，
Reactで表示されているページタブからフォーカスが外れたときにReact内でストップウォッチをスタートし，
そのReactのページにフォーカスが戻ってきた時にストップウォッチを止めることで，
フォーカスが外れていた時間がわかる，というような動作がしたいです．

http://the-zombis.sakura.ne.jp/wp/blog/2015/04/04/post-3123/
ここにjQueryを用いた，windowのフォーカスの検知とそのときの実行プログラムの例が
書かれていましたが，このようなものをReactで書くにはどうすればいいのでしょうか？

どうぞよろしくお願いいたします．

Answer 1

Reactにこだわらず
jsの機能を使えばいけた．
https://developer.mozilla.org/ja/docs/Web/API/Window/onblur

Answer 2

こちらのコードが参考になるのではないでしょうか？

https://github.com/marekhrabe/window-blur-mixin/blob/master/src/main.coffee

Comments

[akachachi]

ありがとうございます！
しかし，コードを見てもよくわからなかったので，
説明していただけるとありがたいです．

[退会済みユーザー]

よくわからなかったとは具体的に？