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高阶组件封装
immutable.js 在React、Redux中的实践以及常用API简介的更多相关文章
- 在react/redux中使用Immutable
在redux中使用Immutable 1.什么是Immutable? Immutable是一旦创建,就不能被更改的数据. 对Immutable对象的任何修改或添加删除操作都会返回一个新的Immutab ...
- TypeScript在react项目中的实践
前段时间有写过一个TypeScript在node项目中的实践. 在里边有解释了为什么要使用TS,以及在Node中的一个项目结构是怎样的. 但是那仅仅是一个纯接口项目,碰巧赶上近期的另一个项目重构也由我 ...
- [转] Immutable 常用API简介
本文主要整理了Immutable.js常用API的使用. Immutable 是什么? 关于Immutable的定义,官方文档是这样说的: Immutable data encourages pure ...
- Immutable 常用API简介
本文主要整理了Immutable.js常用API的使用. Immutable 是什么? 关于Immutable的定义,官方文档是这样说的: Immutable data encourages pure ...
- Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API
A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...
- js基础之DOM中document对象的常用属性方法
-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1 document.an ...
- Immutable.js 以及在 react+redux 项目中的实践
来自一位美团大牛的分享,相信可以帮助到你. 原文链接:https://juejin.im/post/5948985ea0bb9f006bed7472?utm_source=tuicool&ut ...
- 清晰理解redux中的
首先需要明白 Redux 的单一状态树的概念,所谓的单一状态树,就是指“所有的 state 都以一个对象树的形式储存在一个单一的 store 中.” 比如我们有这么一个状态树(或者你叫它状态对象也行) ...
- D3.js(v3)+react框架 基础部分之数据绑定及其工作过程与绑定顺序
数据绑定: 将数据绑定到Dom上,是D3最大的特色.d3.select和d3.selectAll返回的元素的选择集.选择集上是没有数据的. 数据绑定就是使被选择元素里“含有”数据. 相关函数有两个: ...
随机推荐
- iOS-UIScrollView内容复用【实现两个试图的复用】
前言 这里说的内容复用,是指添加到 ScrollView 里面的试图是同一个模型:比如,我需要在 ScrollView 上添加100个 xkView(其他封装好的VC.UIView),每次滑动 Scr ...
- 【bzoj2789】 Letters 树状数组
又是一道树状数组求逆序对的题目. 这一题我们可以将第二个串中的每一个字母,与第一个串中的字母做两两匹配,令第二个串第i个字母的值id[i]为该字母与第一个串中的字母匹配到的位置. 然后考虑到所求答案为 ...
- js集合set类的实现
js集合set类的实现 /*js集合set类的实现*/ function Set() { this.dataStore = []; this.add = add;//新增元素 this.remove ...
- Ubuntu之tar与curl操作
1,压缩备份: tar cfvj /tmp/test.tar.bz2 /tmp/test tar cfvz /tmp/test.tar.gz /tmp/test tar xfvj /tmp/tes ...
- 【数组】3Sum
题目: Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find al ...
- idea 错误: -source 1.6 中不支持 diamond 运算符的解决办法
在取一段github代码时,发现说是支持jdk 7 ,但是使用MAVEN编译不过去. 报错信息为错误: -source 1.6 中不支持 diamond 运算符 我使用的环境是1.7 + intel ...
- printf()函数中\t，水平制表符，空格的个数
在控制台输出数据的时候,也就是用printf()的时候,我们经常用\t来控制对齐,以使输出的结果更加整齐美观. 然而有时候我们发现及时使用了\t 也会出现数据对不齐的情况,这就跟\t究竟对应几个空格有 ...
- Nodejs学习笔记（十七）—浮点运算decimal.js
前言 开发过程中免不了有浮点运算,JavaScript浮点运算的精度问题会带来一些困扰 JavaScript 只有一种数字类型 ( Number ) JavaScript采用 IEEE 754 标准双 ...
- 解决火狐浏览器安装不上Selenium IDE插件“此附加组件无法安装”
(摘自http://blog.sina.com.cn/s/blog_14eea47cb0102w25n.html) 解决火狐浏览器安装不上Selenium IDE插件“此附加组件无法安装” 1.打开火 ...
- UnityShader之屏幕特效基础
1.什么是屏幕特效 我们这里讲的屏幕特效技术,指的是在渲染完整个场景后得到的屏幕图象的基础上,再对这个屏幕图像做一系列处理,实现出屏幕特效,使用这种技术可以为屏幕画面增添各种风格的艺术效果,比如泛光. ...