摘要：为什么你要在中使用熟悉的都应该知道，是一个的框架，为了解决更新的问题，使用了，通过修改，来实现高效的更新。总结就是使用通过使用，可以让我们更容易的去处理缓存回退数据变化检测等问题，简化我们的开发。
简单的来讲，immutable.js通过structural sharing来解决的性能问题。
看看immutable.js是如何做的当我们发生一个set操作的时候，immutable.js会只clone它的父级别以上的部分，其他保持不变，这样大家可以共享同样的部分，可以大大提高性能。
为什么你要在React.js中使用Immutable Data熟悉React.js的都应该知道，React.js是一个UI = f(states)的框架，为了解决更新的问题，React.js使用了virtual dom，virtual dom通过diff修改dom，来实现高效的dom更新。听起来很完美吧，但是有一个问题。当state更新时，如果数据没## 标题文字 ##变，你也会去做virtual dom的diff，这就产生了浪费。
这种情况其实很常见，可以参考flummox这篇文章当然你可能会说，你可以使用PureRenderMixin来解决呀，PureRenderMixin是个好东西，我们可以用它来解决一部分的上述问题，但是如果你留心的话，你可以在文档中看到下面这段提示：
PureRenderMixin只是简单的浅比较，不使用于多层比较。那怎么办？？
自己去做复杂比较的话，性能又会非常差。
方案就是使用immutable.js可以解决这个问题。因为每一次state更新只要有数据改变，那么PureRenderMixin可以立刻判断出数据改变，可以大大提升性能。
总结就是：使用PureRenderMixin + immutable.js
通过使用Immutable Data，可以让我们更容易的去处理缓存、回退、数据变化检测等问题，简化我们的开发。
mutable data structure做diff需要遍历
immutable只要对比一下reference是不是一个就行了
首先，我们有必要来划分一下边界，哪些数据需要使用不可变数据，哪些数据要使用原生js数据结构，哪些地方需要做互相转换？
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/104160.html
摘要：译者按最近依旧如火如荼相信大家都跃跃欲试我们团队也开始在领域有所尝试年应该是逐渐走向成熟的一年让我们一起来看看国外的开发者们都总结了哪些最佳实践年在全世界都有很多关于新的更新和开发者大会的讨论关于去年的重要事件请参考那么年最有趣的问题来了我 译者按：最近React(web/native)依旧如火如荼,相信大家都跃跃欲试,我们团队也开始在React领域有所尝试. 2016年应该是Reac...
摘要：函数式编程，一看这个词，简直就是学院派的典范。所以这期周刊，我们就重点引入的函数式编程，浅入浅出，一窥函数式编程的思想，可能让你对编程语言的理解更加融会贯通一些。但从根本上来说，函数式编程就是关于如使用通用的可复用函数进行组合编程。 showImg(https://segmentfault.com/img/bVGQuc); 函数式编程（Functional Programming），一...
摘要：对此没有任何限制，它不关心这个。一种控制变化的办法是不可改变的，持久化的数据结构。总结检测变化时开发中的核心问题，而框架们以各种方式解决这个问题。因为组件内的变化是不被允许的。 AngularJS：脏检查 我不知道什么更新了，所以当更新的时候，我只能检查所有的东西。 AngularJS 类似于 Ember，当状态改变的时候，必须人工去处理。但不同的是，AngularJS 从不同的角度来...
摘要：一般来说，声明式编程关注于发生了啥，而命令式则同时关注与咋发生的。声明式编程可以较好地解决这个问题，刚才提到的比较麻烦的元素选择这个动作可以交托给框架或者库区处理，这样就能让开发者专注于发生了啥，这里推荐一波与。 本文翻译自FreeCodeCamp的from-zero-to-front-end-hero-part。 继续译者的废话，这篇文章是前端攻略-从路人甲到英雄无敌的下半部分，在...
阅读 1377·2023-04-25 18:34
阅读 3436·2021-11-19 09:40
阅读 2823·2021-11-17 09:33
阅读 2934·2021-11-12 10:36
阅读 2823·2021-09-26 09:55
阅读 2652·2021-08-05 10:03
阅读 2510·2019-08-30 15:54
阅读 2860·2019-08-30 15:54
