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返回的元素的选择集.选择集上是没有数据的. 数据绑定就是使被选择元素里“含有”数据. 相关函数有两个: ...
随机推荐
- 【xsy1504】 pitcure 树状数组
数据范围:$n≤2\times 10^5$ 以下是题解: #include<bits/stdc++.h> #define L unsigned int #define MOD 167772 ...
- POJ 1047
#include <iostream> #define MAXN 100 using namespace std; char _m[MAXN]; int ans[MAXN]; int ma ...
- GDAL VS2010 win7(64位)安装、使用说明(图文解析)
一.电脑配置及安装版本 Win 7(64位机) Visual Studio 2010 GDAL 1.9.2(我也尝试了最新版GDAL1.11.0,应该同样可以用的,只是在重新配置时又选用了老一点的版本 ...
- Vue.js系列之四计算属性和观察者
一.计算属性 1.模版内的表达式非常便利,但是设计它们的初衷是用于简单计算的.在模版中放入太多的逻辑运算会让模版过重且难以维护,例如如下代码: <div id="example&quo ...
- JVM调优一些相关内容
JVM调优工具 Jconsole,jProfile,VisualVM Jconsole : jdk自带,功能简单,但是可以在系统有一定负荷的情况下使用.对垃圾回收算法有很详细的跟踪.详细说明参考这里 ...
- wp 去除google字体加载
add_filter('gettext_with_context', 'disable_open_sans', 888, 4 ); function disable_open_sans( $trans ...
- Selenium Web自动化 原理
文章转自 白月黑羽教Python 原理 说到web应用自动化测试,第一选择就是 Selenium 框架. Selenium 是一个 Web 应用的自动化框架. 通过它,我们可以写出自动化程序像人一样( ...
- expect安装和使用
Expect是一个我们常在shell交互时常用到的工具,它主要由expect-send组成.Expect是等待输出内容中的特定字符.然后由send发送特定的相应.Expect的工作流程类似于:小明和小 ...
- 利用Google翻译成多国语言的见解
1.首先注意,英语句子中的 第一个单词的首字母要大写, 2.句子结尾了,要用句号. 3.英语中单词和前面的标点符号要留一个空格,如: you.Are 应该是 you. Are you..... ...
- spring中获取applicationContext
常用的5种获取spring 中bean的方式总结: 方法一:在初始化时保存ApplicationContext对象代码:ApplicationContext ac = new FileSystemXm ...