React公式チュートリアルを試してみた

スポンサーリンク
Reactチュートリアルアイキャッチ プログラミング

こんにちは!セミマサです。

Reactの公式チュートリアルをやってみました!今回利用したのは下記サイトにある翻訳版になります。

完成品

チュートリアルを完了すると下図のような3目並べゲームが完成します。Moveリストをクリックするとそこまで巻き戻すことができます。

Reactチュートリアルgif

どのような学びがあった?

Reactの基礎を学べた

propsによるデータの受け渡しやstateによる状態管理、JSX記法などReactの基礎を学ぶことができました。

イミュータブルという概念を知れた

本チュートリアルでは巻き戻しを実装する際に活用されています。

3目並べの勝利判定

同じマークが3つ揃っているかどうかの判定の仕方が学べました。パズルゲームを作る際に応用できそうです。

おわりに

公式チュートリアルを通してReactの基礎をなんとなくですが掴むことができました。とはいえ0から何かを作れるレベルにはまだ達していないので本を買ってきて勉強しようと思っています。

タイトルとURLをコピーしました