Reactチュートリアルをやっていってみるその17
これは
Reactチュートリアルをやっていく記事です。
参考
タイムトラベル機能の追加
タイムトラベルの実装
昨日までで一通りチュートリアルでの実装が完了しました。
アドバンスとしてチュートリアルには以下のような課題が用意されています。
・履歴内のそれぞれの着手の位置を (col, row) というフォーマットで表示する。 ・着手履歴のリスト中で現在選択されているアイテムをボールドにする。 ・Board でマス目を並べる部分を、ハードコーディングではなく 2 つのループを使用するように書き換える。 ・着手履歴のリストを昇順・降順いずれでも並べかえられるよう、トグルボタンを追加する。 ・どちらかが勝利した際に、勝利につながった 3 つのマス目をハイライトする。 ・どちらも勝利しなかった場合、結果が引き分けになったというメッセージを表示する。
次からは上の課題かそもそもの仕様を見てないなと思って「Reactの流儀」と称された仕様を見ていくか
どちらかをやっていきたいと思います。
そもそもTypeScriptとの連携がちゃんとできていないので、
一通り完了した今改めてTypeScriptと組み合わせた形でリトライするのも良さそうです。
色々考えつつ、今日はここまで。
