React+TypeScript : Todo リスト

はじめに

元記事(YouTube): https://www.youtube.com/watch?v=nRCNL9T3J98&t=2301s をなぞってやっと私の環境で動くようになったので、載せて置きます。

とても参考になった。

実行例

See the Pen todo-with-typescript by kalz2q (@kalz2q) on CodePen.

おわりに

元のビデオは
【React 入門】完全初心者 OK!1から簡単な Todo アプリを作って React の1歩を踏み出してみよう ~React チュートリアル~
と言う表題です。

わたし(完全初心者)がこれをなぞって作ってみての感想ですが、Conponentを使っていない、hookはuseStateしか使っていないなど、たぶん今からReactを勉強する人には最適だと思います。とても分かりやすくスッキリと書けている。

event処理は元のビデオではtypeをつけていないけど、私の環境では叱られて前に進めないので、anyで逃げるか

e: React.ChangeEvent

とか書く必要があります。私はこれについては今はanyで逃げる主義です。