React特点

React是一个将数据渲染为 HTML 视图 的 js 库

简单看来，React 框架主要功能体现在前端 UI 页面的渲染，包括性能优化以及操作简化等等方面。站在 mvc 框架的角度来看，React 操作 view 层的功能实现。

采用组件化模式、声明式编码、函数式编程，提高开发效率和组件复用性

它遵循从高阶组件到低阶组件的单向数据流。

在 React Native 中可以用 react 预发进行安卓、ios 移动端开发

使用虚拟 dom 和 diff 算法，尽量减少与真实 dom 的交互，提高性能

React 与 Vue 对比

相同点：

都使用 Virtural DOM

都使用组件化思想，流程基本一致

都是响应式，推崇单向数据流\n都有配套框架，Vue 有 Vue-router 和 Vuex，而 React 有 React-router 和 React-Redux

都有成熟的社区，都支持服务端渲染

不同点：

模版语法不同

Vue 推荐编写近似常规 HTML 的模板进行渲染，而 React 推荐 JSX 的书写方式。

核心思想不同

Vue推崇灵活易用（渐进式开发体验），数据可变，双向数据绑定（依赖收集）。\n\nReact推崇函数式编程（纯组件），数据不可变以及单向数据流。

组件实现不同

Vue源码实现是把options挂载到Vue核心类上，然后再new Vue({options})拿到实例。

React内部使用了四大组件类包装VNode，不同类型的 VNode 使用相应的组件类处理，职责划分清晰明了。

React 类组件都是继承自 React.Component 类，其 this 指向用户自定义的类，对用户来说是透明的。

响应式原理不同

Vue依赖收集，自动优化，数据可变。递归监听 data 的所有属性，直接修改。当数据改变时，自动找到引用组件重新渲染。React基于状态机，手动优化，数据不可变，需要 setState 驱动新的 State 替换老的 State。当数据改变时，以组件为根目录，默认全部重新渲染。

diff 算法不同

两者流程思维上是类似的，都是基于两个假设（使得算法复杂度降为 O (n)）：

不同的组件产生不同的 DOM 结构。当 type 不相同时，对应 DOM 操作就是直接销毁老的 DOM，创建新的 DOM。

同一层次的一组子节点，可以通过唯一的 key 区分。

但两者源码实现上有区别：

Vue 基于 snabbdom 库，它有较好的速度以及模块机制。Vue Diff使用双向链表，边对比，边更新DOM。

React主要使用 diff 队列保存需要更新哪些DOM，得到patch树，再统一操作批量更新DOM。

事件机制不同

Vue原生事件使用标准Web事件。Vue 组件自定义事件机制，是父子组件通信基础。React原生事件被包装，所有事件都冒泡到顶层 document 监听，然后在这里合成事件下发。基于这套，可以跨端使用事件机制，而不是和 Web DOM 强绑定。

React 组件上无事件，父子组件通信使用 props。