JS
イミュータブル
上級読み方:イミュータブル|英語:Immutable
一度作成したら変更できないデータの性質。Reactのstateは直接変更せず新しい値で置き換える。
やさしい説明
イミュータブルは「変更できない」という意味です。
Reactでは、stateを直接書き換えず、新しい値で置き換えることで変更を検知し画面を更新します。
具体例・使い方
NG: state.items.push(newItem) → 元の配列を変更
OK: setItems([...items, newItem]) → 新しい配列を作成
よくある疑問
Q: なぜイミュータブルが重要?
A: 変更を検知しやすくなり、バグが減ります。Reactは参照の比較で再描画を判断するためです。