Reactでアニメーションやインタラクションをサクサク動かすTips - Qiita概要 Reactを用いたWebアプリケーションにおけるアニメーションやインタラクションの実装について個人的なメモ。 これがベストプラクティスであるとは断言できないが、自分なりに試行錯誤した末の結論をまとめておく。 React/Redux特有のパフォーマンス的な問題を解決 React/Reduxは確かに便利で高パフォーマンスだが、リアルタイムなインタラクションには弱い リアルタイムなインタラクションとは onMouseMove や onDrag onScroll などのイベントで発火する動作 上記のようなイベントを扱うケースでは state や props を使ってはいけない（カクカクしたりぎこちない動きになる） 代わりに、状態管理にはJSの変数やプロパティなどを使うようにするとスムーズに動く とはいえオレオレフレームワーク化しがちなので、そういった実装は最小限に留める stateやprop
