入門

【React入門】 7 refs概要

this.refs.inputを使用して、ref="input"の属性を持つ要素を取得できる。

【ES2015入門】 3 アロー関数

アロー関数と無名関数の間にはthisの扱い方の違いがある。

【ES2015入門】 2 無名関数

ES2015では無名関数の扱いが結構変わる。

【ES2015入門】 1 変数

ES2015には変数の定義の仕方が3つある。varとlet、それからconstだ。

【React入門】 7 コンポーネントのライフサイクル

実際にライフサイクルの各イベント発火時にログを出力するテストページを作成してみた。

【React入門】 6 state概要 2

明示的にDOMを書き換えなくても、stateの変更は自動的に画面に反映される。

【React入門】 5 state概要

propがコンポーネントへ渡す変数だったのに対して、stateはコンポーネント内で定義し、使用する変数である。

【React入門】 4 prop概要 2

propには文字列以外のデータも渡すことができる。

【React入門】 3 prop概要

propはコンポーネントに渡すことができる変数のようなもの。

【React入門】 2 複数コンポーネント

Reactではこのように、機能ごとにコンポーネントを複数作成して画面を構成していく。

【React入門】 1 最小構成

最小構成を意識してReactを組んでみた。まだ学び始めたばかりなので仕様や使い方を誤解している部分もあるかもしれない。