react transform，react的变形

React的diff算法详解

tree diff 是diff算法的基础策略，它的重点在于 同层比较 。

React实现远比这个要复杂，特别是在React 16之后还引入了Fiber架构，但是主要的思想是一致的。

diff算法是虚拟DOM中采用的算法。把树形结构按照层级分解，只比较同级元素。不同层级的节点只有创建和删除操作。给列表结构的每个单元添加唯一的key属性，方便比较。相关信息：React只会匹配相同class的component。

react 通过 diff 算法来进行性能优化，减少 dom 的创建和删除。那么 react 采用的优化是否为 最优化 呢？答案是：否。

如果子组件的 shouldComponentUpdate 返回 true ，则调用 componentWillUpdate render ，然后 通过diff算法更新DOM ，最后调用 componentDidUpdate 。

diff，能够节省大量的 diff 运算时间。当 react 进行 element diff 操作中，在元素中添加唯一的 key 来进行区分，对其进行算法优化。所以像大数据量的列表之类的组件中最好添加 key 属性，能够带来一定的性能提升。

react和vue的区别

1、vue和react区别如下：react严格上只能算是MVC的view层，vue则是MVVM模式。虚拟DOM不一样，vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。

2、react和vue的区别如下：数据驱动视图 在jquery时代，我们需要频繁的操作DOM来实现页面效果与交互；而Vue和React 解决了这一痛点，采用数据驱动视图方式，隐藏操作DOM的频繁操作。

3、扩展不同：React可以通过高阶组件(Higher Order Components--HOC)来扩展，而Vue需要通过mixins来扩展。

4、VUE 与 React 区别：React 的思路是 HTML in JavaScript 也可以说是 All in JavaScript，通过 JavaScript 来生成 HTML，所以设计了 JSX 语法，还有通过 JS 来操作 CSS，社区的styled-component、JSS等。

React的起源和发展

1、react的起源 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。

2、React功能是用于构建用户界面的JavaScript库，[1]起源于Facebook的内部项目，该公司对市场上所有JavaScriptMVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。React主要用于构建UI。

3、React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。由于 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。