前回 hitoto28.hatenablog.com コンポーネントの状態の変化（ライフサイクル）により発火するメソッドをライフサイクルメソッドという。Reactのライフサイクルメソッドには以下の７種類がある。 componentWillMount() コンポーネントがマウント(配置)される…

前回 hitoto28.hatenablog.com イベント入力したテキストをonClickイベントで反映させるサンプル import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from './reg…

前回 hitoto28.hatenablog.com PropsとState Reactコンポーネントがデータを受け取ったり表示したりするための方法。Props・・・コンポーネント利用時に属性として設定できる値 State・・・コンポーネントが持っている状態Propsは不変、Stateは可変のデータ…

Reactの環境構築とデプロイの方法までは理解できたのでいざコーディングを開始しようと思ったのだが想像以上にわからないことだらけだった。心を入れ替えて基礎から学習したのでメモ。 JSXとは JavaScript内に書ける特殊なルールのHTMLみたいなもの <script type="text/babel"> ReactDO</script>…

Firebaseを使えばある程度は無料でWEBアプリを公開できる。 とりあえずデプロイできたのでログを残しておく。１、デプロイしたいアプリのディレクトリに移動する $ pwd $ /Users/username/projects/ReactTest/helloworld ２、npmでfirebaseのパッケージをイ…

前回hitoto28.hatenablog.comcreate-react-appコマンドが使えるようになったので実際に簡単なアプリを作成する。まずはターミナルで以下のコマンドを実行し、Reactのプロジェクトを生成する。 事前に適当なディレクトリに移動しておくこと。 $ create-react-…

いろんなやり方があるらしい。 create-react-appを使うのが一番楽とのこと。 とりあえずやってみる。 事前知識 create-react-appってなに？ ・Facebookが提供しているCLIツール ・Reactの開発環境を簡単に構築できる ・これがないとwebpackの設定とかめんど…