Engineで動かす。SpringJavascriptReact拍手ボタンをつけたのでアニメーションをつけてみた。functionがあったりで色々と複雑でちょっと読み取りづらくこれはこれで苦労したのでメモをまとめておく全体の構造コードだけだと分かりづらい気がするので、全体のざっくり構造を記述するふわっと浮き上がるものをアニメーションとしたいuseStateで一つ一つの浮き上がる要素を擬似的に管理するこのStateに対応する要素がDOMとなりアニメーションするイメージ上記AnimationのStateはContextで受け渡して、イベントする位置とアニメーションする部分は分離しても使えるようにするuseTransitionにアニメーションする要素を渡すアニメーション終了のonRestでアニメーションを管理対象から消す(DOMとしても消える)コードAnimationとContextとラップする部分をこんな感じで書く。重複しないユニークキーを生成する。completeしたものを削除。filter関数だとパフォーマンスは良くないけど気にしない。})}アニメーションの利用側はこういう具合にする。Github@terrierscript。