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返回的元素的选择集.选择集上是没有数据的. 数据绑定就是使被选择元素里“含有”数据. 相关函数有两个: ...
随机推荐
- 【bzoj4332】【JSOI2012】 分零食 生成函数 FFT
我们构造$f(x)$的生成函数$G(x)$,那么显然$[x^k]G(x)=Ok^2+Sk+U$ 那么显然,答案即为$\sum_{i=1}^{n} [x^m]G^i(x)$ 我们构造答案的生成函数$F( ...
- Spring Security构建Rest服务-0102-Spring Social开发第三方登录之qq登录
图一 基于SpringSocial实现qq登录,要走一个OAuth流程,拿到服务提供商qq返回的用户信息. 由上篇介绍的可知,用户信息被封装在了Connection里,所以最终要拿到Connectio ...
- APACHE 禁止通过IP直接访问
若是开通了虚拟主机,则需要在httpd-vhosts.conf中修改配置如下:若没有开通虚拟主机,则可以直接在httpd.conf文件最后面,加入以下代码: NameVirtualHost XXX.X ...
- 安装Elasticsearch5.0 部署Head插件
部署5.0版本的ES 5.0版本的ES跟之前的版本最大的不同之处就是多了很多环境的校验,比如jdk,max-files等等. 设置内核参数 vi /etc/sysctl.conf # 增加下面的内容 ...
- Android Studio打开项目提示找不到sdk路径的问题。
问题如图: 这是由于所打开的项目不是本机创建的,所使用的sdk路径不一致所导致. 解决方案: 打开项目所在目录,找到local.properties文件并打开,发现sdk.dir=D\:\\Andro ...
- 如何虚拟机里安装Win10操作系统
不多说,直接上干货! Windows Server 2003.2008.2012系统的安装 推荐网址:打开MSDN网站(http://msdn.itellyou.cn ) 关于给电脑换系统,很多人会花 ...
- 使用subgit进行svn迁移至git(branch,tags)
前言: 最近公司需要将整体项目从svn迁移至gitlab上,经过几天的研究,现记录一下流程 整体思路是进行一次导入: 先通过subgit将svn整个import至本地,在与git上的项目进行合并. 1 ...
- Servlet多文件上传方法
1. 通过getInputStream()取得上传文件. 001 /** 002 * To change this template, choose Tools | Templates 003 * ...
- CentOS7.2配置Hadoop2.6.5
Hadoop配置文件 /etc/profile 配置Java和Hadoop环境 export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk export CLAS ...
- “Device eth0 does not seem to be present”解决办法
在KVM中克隆出新的CentOS虚拟机时,出现如下问题:# service network restartShutting down loopback insterface: [ OK ]Bringi ...