Reactチュートリアルをやっていってみるその4

React TypeScript

これは

Reactチュートリアルをやっていく記事です。

参考

ja.reactjs.org

チュートリアル：React の導入

スターターコードの中身を確認する

スターターコードは以下 https://codepen.io/gaearon/pen/oWWQNa?editors=0010

オンラインだとCSS、HTMLも準備されているのでJS部分に集中して学習すれば良いらしい。

スターターコードでは３つのコンポーネントがある。
　・Square（正方形のマス目）
　・Board（盤面）
　・Game

Squareコンポーネント

TODOとなっていて、これから実装していく感じになってます。
ここではbuttonをレンダーするようにしたいようです。

Boardコンポーネント

マス目のレンダリングをしています。

        <div className="board-row">
          {this.renderSquare(0)}
          {this.renderSquare(1)}
          {this.renderSquare(2)}
        </div>

Gameコンポーネント

盤面とプレースホルダーを描画するように作られています。
丸やバツを描画するような仕組みを作っていくことになるようです。

今日はここまで。