React+TypeScript: いいねボタン like button

はじめに

元記事 サバイバルTypeScript
にあったいいねボタン, 英語で like button と言うらしい、を codepen に載せてみました。

実行例

See the Pen likeButton by kalz2q (@kalz2q) on CodePen.

説明

最近の自分のスタイルでは component を使わずに view 部分は App の return の中にすべて書いてしまいます。すると component の書き方を忘れてしまうので一番単純形での例になるのではないか。

codepen問題集と言うアイデアがあって、プログラムの結果を見てプログラムをスクラッチから書くと言うアイデアです。今までのReact+TypeScript記事はすべてそれに使える。

解き方を指定しないで結果をみてプログラムを書くわけだからhtmlだけでとか、pure javascriptで書くとか考えられる。

React+TypeScriptで書くのが一番生産性が高いと思うのでまた今度理由を整理してみたい。