Reactを初めて触ってみました(tutorialその①)

Reactを初めて触ってみました(tutorialその①)

前から触ってみようと思ってたんですがダラダラとここまで来てしまい。。

会社の人間から興味があるんですけど・・・

なんてきたものですから

じゃ一緒にやってみよっか！

ということになりました。

とりあえずはReactのtutorialでもやってみようかなと早速スタート

環境がよくわからずdockerのコンテナ作ってnode.jsインストールしてとかやってみたんですけど触るだけならローカルでブラウザでお手軽に見たほうがとりあえずいいじゃんと思いIDE（netbeans）で触れるようにしときました。

ではtutorialを進めていきます。

前提としてはmacにnode.jsをインストールして

# create-react-app my-app

でプロジェクトを作り既存のソースとしてnetbeansでプロジェクトを作成しました。

# rm -f src/*

でファイルを消してからsrcの中に

index.css を作成

index.js　を作成

多分、create-react-appでデフォルト構成のindex.htmlはそのままでroot要素は存在しているはずなのでこれで準備はできました。

netbeansでプロジェクトを右クリックするとnpmスクリプトがあるのでstartしましょう。

これはあくまでnetbeansの例ですのでそれぞれlocalhost:3000でアクセスできるようにしてブラウザで見てみてください。9つの四角が表示されるはずです。

これを二人のプレイヤーが交互に○☓をつけて縦横斜めどれか一列になったら勝利の例のあのゲームを作っていくみたいです。

こんな感じのやつです

今日はここまでにして次回に続きたいと思います。

→Reactを初めて触ってみました(tutorialその②)