【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~
【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

React使っているとどうしてもsetStateへの値の渡し方で大変苦慮します。 Array.concatとかassignとかもいいですが、assignはディープコピーはできないようなので、プロパティが別のオブジェクトをもっていたらコピーされません

Immutable.jsの使い方を学ぶと楽そうです。 英語記事しかなかったのでimmutable.jsを軽く触れたい方の為にまとめました(コード汚いのは後でしゅうせいします)

※スマホから見るとコードがspanタグしかでない。。。。なんだこれ、PCからおねがいします。。

Githubのstar数が凄い

【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~
]1【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

immutable-jsの使い方

https://facebook.github.io/immutable-js/

Qiitaはそんな

【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~
]2【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~

npm installします。 [code] <code>npm i -D immutable</code> [/code]

とりあえず触れたい人はjsbinで試せます。 ここ

Immutable.js has the following data structures:

っていっています。

  • List,
  • Stack,
  • Map,
  • OrderedMap,
  • Set,
  • OrderedSet,
  • Record,
  • lazy
  • Seq.

ReactでsetStateの際に直接代入をさけなくてはいけないのでnestとか、そこら辺 便利そうですね。 ありがとう

わたしもみてる | Immutable Javascript using ES6 and beyond(Object)

わたしもみてる | Immutable Javascript using ES6 and beyond(Array)

【関連記事】

【REACT】REACTの動きを理解したい人の為の最小サンプル

【REACT入門】過去のREACT初心者の自分にREACTのPROPSとSTATEの違いを簡単に説明してあげたい

【REACT × ES6 × FLUX】を手っ取り早く学びたい人の為にサンプル作ったよ【3の倍数と3が付くときだけ猫になるCOUNTER】

REACT × FLUX × ES6 [WIP]LINE風チャット

他のReact記事

フロントエンド記事

github

qiita

参照 https://www.zsoltnagy.eu/introduction-to-immutable-js/ https://github.com/facebook/immutable-js/