immutable.js 在React、Redux中的實踐以及經常使用API簡介

immutable.js 在React、Redux中的實踐以及經常使用API簡介

學習下

這個immutable Data 是什麼鬼，有什麼優勢，好處等等

 

 

mark :  https://yq.aliyun.com/articles/69516

 

• 1簡介
• 2一個說明不可變的例子
• 3有哪些數據類型？
• 4幾個重要的API
• 5fromJS()
• 6toJS()
• 7Map
• 8簡單介紹 OrderedMap
• 9List
• 10API
• 11建立
• 12經過構造函數 Map()
• 13Map()
• 14List()
• 15另外一種方式
• 16Map.of()
• 17List.of()
• 18判斷是不是一個Map或者List
• 19Map判斷
• 20List判斷
• 21獲取大小
• 22size
• 23count()
• 24countBy()
• 25添加元素
• 26Set
• 27setIn
• 28List 特有的添加元素
• 29插入元素
• 30設置size
• 31pop、push、shift、unshift
• 32花樣插入
• 33刪除元素
• 34delete(key)
• 35deleteIn
• 36清空元素 lear()
• 37修改元素
• 38set setIn
• 39update
• 40updateIn
• 41獲取某個元素值
• 42get getIn
• 43獲取頭、尾元素:
• 44查找某個元素
• 45find() findLast()
• 46findKey() findLastKey()
• 47findEntry() findLastEntry()
• 48keyOf() lastKeyOf()
• 49List 特有查找某個元素
• 50indexOf() lastIndexOf()
• 51findIndex() findLastIndex()
• 52查找最大、最小元素
• 53max()
• 54maxBy()
• 55min()
• 56minBy()
• 57keys() values() entries()
• 58截取
• 59slice()
• 60rest() butLast()
• 61skip() skipLast() skipWhile() skipUntil()
• 62take() takeLast() takeWhile() takeUntil()
• 63循環遍歷
• 64Map 特有 mapKeys() mapEntries()
• 65merge
• 66jonin() 轉換爲字符串
• 67isEmpty() 判空
• 68has() hasIn() 檢查是否有某個key
• 69includes() 是否包含某些元素
• 70isSubset() 子集判斷
• 71reverse() 反轉
• 72排序
• 73flatten() 平鋪
• 74groupBy() 分組
• 75flip() Map 特有翻轉
• 76鏈接 concat()
• 77類型轉換
• 78轉換爲原生類型
• 79轉換爲其餘ImmutableJS數據類型
• 80性能調優，批處理
• 81withMutations()
• 82asMutable() asImmutable()
• 83和React Redux 架構的結合
• 84immutable-pure-render-decorator
• 85優化shouldComponentUpdate()
• 86immutable-pure-render-decorator 源碼
• 87高階組件封裝