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返回的元素的选择集.选择集上是没有数据的. 数据绑定就是使被选择元素里“含有”数据. 相关函数有两个: ...
随机推荐
- 彻底弄懂css3的flex弹性盒模型
由于在日常工作中使用css或者bootstrap的栅格系统已经能很好的满足业务需求,所以一直以来对css3的弹性布局不是很感冒. 近日有幸在一篇文章中领略了flex的魅力--简洁优雅.随试之. /*容 ...
- OS之进程管理---进程调度和多线程调度
进程调度基本概念 多道程序的目标就是始终允许某个进程运行以最大化CPU利用率,多个进程通时存在于内存中,操作系统通过进程调度程序按特定的调度算法来调度就绪队列中的进程到CPU,从而最大限度的利用CPU ...
- iOS 11 application 新特性
1.- (void)applicationWillResignActive:(UIApplication *)application 说明:当应用程序将要入非活动状态执行,在此期间,应用程序不接收消息 ...
- subscripts(下标)
/* subscripts(下标): 访问对象中数据的快捷方式 所谓下标脚本语法就是能够通过, 实例[索引值]来访问实例中的数据 类似于以前我们访问数字和字典, 其实Swift中的数组和字典就是一个结 ...
- 5、xamarin.android 中如何对AndroidManifest.xml 进行配置和调整
降低学习成本是每个.NET传教士义务与责任. 建立生态,保护生态,见者有份. 我们在翻看一些java的源码经常会说我们要在AndroidManifest.xml 中添加一些东西.而我们使用xamari ...
- 多线程编程,CPU是如何解决多线程内存访问问题的
CPU对内存变量的修改是先读取内存数据到CPU Cache中,然后再由CPU做运算,运算完成后继续写入到内存中 在单核CPU中,这完全没有问题,然而在多核CPU中,每一个CPU核心都拥有自己独立的Ca ...
- vim实践学习
http://coolshell.cn/articles/5426.html http://www.lagou.com/jobs/138351.html awk:http://coolshell.cn ...
- (转)MySQL数据丢失讨论
原文地址:http://hatemysql.com/tag/sync_binlog/ 1. 概述 很多企业选择MySQL都会担心它的数据丢失问题,从而选择Oracle,但是其实并不十分清楚什么情况下 ...
- Sublime Text 3快捷键的使用技巧(python)
Sublime Text 3非常实用,但是想要用好,一些快捷键不可或缺,所以转了这个快捷键汇总. 先拉出来说几个切身体会最常用, Ctrl+Z 撤销. Ctrl+Y 恢复撤销 Alt+Shift+2 ...
- 【广州.NET社区推荐】.NETCore 平台上的日志集成组件 TomatoLog
TomatoLog简介 TomatoLog 是一套在 .NETCore 平台上最简单易用的日志集成组件,具有高度灵活的使用方式,完全可定义配置的可扩展性,使用异步写入,业务完全解耦,客户端的一键安装. ...