等価と等値の意味をちゃんとできていなかったので整理。 項目 説明 等値 同一のオブジェクトであること（同じアドレス値を指している） 等価 意味的に同じであること ちゃんと理解できていなかったのは、厳密等価演算子と等価演算子の使い方を勘違いしていた…

React でのアプリの作り方の流れを、React の流儀 – Reactの検索可能な商品データ表を例に学んだ。 モックを作る UI をコンポーネントの階層構造に落とし込む React で静的なバージョンを作成する UI 状態を表現する必要十分な state を決定する state をど…

『state, props って同じようにデータを持つようだけど何が違う 』となってしまったので調査。Component Best Practices | React at Preactを参考にしました。 state 変更可能なデータ(mutable) 変更があると、仮想 DOM との差分を取り、ブラウザ DOM を更新…

要素とは 要素を DOM として描画する コンポーネントとは 関数コンポーネントとクラスコンポーネント コンポーネントのレンダー クラスにローカル state を追加する ライフサイクルメソッド 参考 要素とは 要素は React アプリケーションの最小単位の構成ブ…

単項演算子は前後のどちらかにつけるかによって評価結果が変わり、どっちの結果となるかがわかりにくいため、式*1の中では用いないようにする。 ++, -- を使いたい場合には文*2として記述する。 式で書くパターン： var Items = []; var maxId = 0; // 式で…

概要 属性の指定 インジェクション攻撃を防ぐ JSX はオブジェクト 参考 概要 JSX は JavaScript の構文拡張で、React 要素を生成する： const element = <h1>Hello, world!</h1>; JSX のメリットは、マークアップとロジック両方をそのまま含んだように記述でき、コー…