はじめに

Canvasでお絵描きアプリをReact, TypeScript, CodePen環境に翻訳と言うか移植しようとして、いろいろやって一つ成功しました。

実行例

See the Pen react-doodle by kalz2q (@kalz2q) on CodePen.

この例ではhookはuseRefしか使っていない。useRefだけでリアルタイムにrendering出来てしまうのが不思議。マウスが移動するたびにuseStateでstate管理するのだろうな、と思っていました。

と言うわけでこれから理解します。