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高阶组件封装