京东云开发者｜关于“React 和 Vue 该用哪个”我真的栓Q( 四 ) _生活百科

状态管理

Redux 基础的状态管理库，引入了中间件，中间件位于视图层发出 action 后，到 reducer 之前触发，在中间件中可以执行比如日志打印、异步请求等操作。原流程：view -> action -> reducer -> store中间件流程：view -> action -> middleware -> reducer -> store

React-Redux 是 Redux 的插件库，用来简化 Redux 。

Redux-thunk 用来处理异步的中间件。

Redux-saga 内部基于 generator 实现，用于管理 Redux 应用异步操作的中间件，与 thunk 不同点在于：thunk 是在 action 创建时调用，saga 是在应用启动时调用。在 saga 中，任务都是通过 yield Effects 来完成的。

Mobx 不同于 Redux 状态管理方案，使用相对简单，是以数据驱动视图，通过数据绑定，只修改数据本身即可实现视图的更新。

Vue

路由管理Vue router：官方支持
状态管理Vuex：官方支持

6. 跨端处理React

App：在跨 App 界的一哥是ReactNative，以下简称 RN，因为笔者没有亲自体验过，所以不做过多阐述，但是鉴于 RN 是2015年4月问世，时间不短，并且也有足够的团队使用，目前看来在前端跨端的领域成熟度已经相当高了。
小程序：对React支持度最好的当然是Taro了，一直在持续迭代中，也有来自京东凹凸实验室的背书，拥有较为稳定的产品和活跃社区，开发者可以大胆尝试，在最近迭代的Taro3 里也添加了对Vue3的支持。

Vue

App：的跨端尝试中没有占据绝对地位的框架，Weex 火过一阵，但是近些年热度下降，并且在 Apache Incubator 也已退休，虽然有阿里的背书，但是随着参与者减少，加上也不断听说阿里内部逐渐放弃 Weex 的传言，Github仓库最近一个更新也是1年前，前景未知，不推荐尝试。Vue在最新的官方文档中推荐的跨端方案是 NativeScript 和 Capacitor，感兴趣的小伙伴可以自行查看。
小程序：一种较为流行的跨端方案是 Uni-app，在兼容多端小程序上有较好的体验，对 Vue2 和Vue3有着天然友好的支持度，并且依照评测也提供着非常不多的性能（评测链接https://juejin.cn/post/6844904118901817351），文档体验着实是一言难尽……同时也支持 App 应用的开发。另一种跨端方式是 Mpvue，来自美团，从 Github 的仓库看已经很久未曾更新，也就不做推荐了。
多说几句在这里还要多啰嗦一下关于框架的跨端的个人理解，框架如果想跨端，那么在设计之初就要做核心与平台分离的设计，虚拟 DOM 就是一个非常典型的例子，它可以存储所有与 UI 的所有信息和交互逻辑，而在它上层与平台强相关的部分负责具体平台的逻辑实现，这也是典型的分层设计。

7. 设计思路

React推崇的是单向数据流（但是也提供了方法进行双向改变），是数据不可变性，不可直接改变数据本身，而是通过 hooks 或 setState 更新数据。每次更新调用渲染函数从根节点生成新的虚拟 DOM 对比旧虚拟 DOM，找到改变位置后进行 UI 的重渲染，这其中使用了基于链表数据结构的 Fiber 架构，在每帧渲染周期内的空闲时间进行 Diff 过程，具备可中断和可恢复的特性，以这种时间切片的方式不会阻塞主线程，以便执行更高优先级的任务，防止页面卡顿。更新流程如下图（没有画出具体细节，只包含基本流程）：