最近React Hooksに入門してみていて、reduxを意識したuseReducerというAPIと Context APIが気になったので素振りしてみました。 あとFunctionalに書けるHooksとTypeScriptは相性が良いのではないかと思ったので すべてTypeScriptで書いていきます。 canvas animation framework yymm/hooks-canvas-sample 素振りするにあたりお題があったほうが良いので、今回はcanvasでanimation framework的なものを作ることにしました。 ※ 動いているアニメーションはそのframeworkに乱数と円軌道を使った描画関数を適当にのせたものです。 仕組み menuでrequestAnimationFrameを使用してアニメーションを開始、 Context APIを利用してframe等のデ