Reactのチュートリアルを拡張しました

こんにちは。
長いこと更新をあけてしまいました。

仕事の関係でVue.jsをよく触るんですが、最近Reactにも興味が出てきまして・・・。

チュートリアルの三目並べ(https://ja.reactjs.org/tutorial/tutorial.html)を一通り実装し、課題部分も実装しました。さらに、独自にリファクタと機能追加を行いました。

また、AWSのS3、CloudFront、Route 53、ACMを使ってホスティングまで行いました。実際のページはこちら。
https://aflat.reharmonize.art/tic-tac-toe/index.html

リファクタしたのはハードコーディングになっていた勝利判定のところとボードの大きさ、プレイヤー名の取得です。

勝利判定の部分ですが、判定するラインはそれぞれボードの大きさから数学的に
・水平方向のライン
・垂直方向のライン
・斜め方向のライン
を計算することができます。

また、自分のプレイから1秒後に自動プレイするコンピューターを実装しました。
ランダムに打ちつつ、ピンチは防ぐようになっています。

実際のコードはgithubに上げています。
https://github.com/lionel36/tic-tac-toe

React、結構楽しい。