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返回的元素的选择集.选择集上是没有数据的. 数据绑定就是使被选择元素里“含有”数据. 相关函数有两个: ...
随机推荐
- DIV居中的几种方法
1. body{ text-align:center; } 缺点:body内所有内容一并居中 2. .center{ position: fixed; left: 50%; } 缺点:需要设置posi ...
- 对Deeplung检测+两样性分类的一个整合
整体的流程分为以下几步: 读取原始数据(.mhd文件)——> 生成mask ——> 对数据预处理 ——> 执行检测 ——> 对检测结果进行分类 ——>可视化 懒一点,不贴 ...
- Android六大基本布局
一．基本理论Android六大基本布局分别是:线性布局LinearLayout.表格布局TableLayout.相对布局RelativeLayout.层布局FrameLayout.绝对布局Absolu ...
- unity 图片变纯色填充
unity自带shader 即可
- Redis笔记（二）：Redis数据类型
Redis 数据类型 Redis支持五种数据类型:string(字符串),hash(哈希),list(列表),set(集合)及zset(sorted set:有序集合). String(字符串) st ...
- ActiveMQ消息持久化到Mysql数据库
1.把连接MySQL数据库的jar文件,放到ActiveMQ的lib目录下 2.修改ActiveMQ的conf目录下的activemq.xml文件,修改数据持久化的方式2.1 修改原来的kahadb的 ...
- plt绘制 2维、3维散点图
# 3维import numpy as np import matplotlib.pyplot as plt from sklearn.datasets.samples_generator impor ...
- 2-nginx 安装
1, nginx简介: •Nginx("engine x") 是一个高性能的HTTP 和反向代理服务器,也是一个IMAP/POP3/SMTP 代理服务器.•第一个公开版本0.1.0 ...
- MySQL查询表结构的SQL语句
desc 数据库.表名; eg: desc mysql.user;
- SpringCloud源码解读
http://blog.didispace.com/Spring-Cloud%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/