对于框架之间我们并不是特别在意谁强谁弱, 而是要搞清楚框架真正值得我们学习的点: 像React框架, 它在 架构上融合了数据驱动视图、组件化、函数式编程、面向对象、Fiber 等经典设计“哲学”， 在底层技术选型上涉及了 JSX、虚拟 DOM等经典解决方案，在周边生态上至少涵盖了状态管理和前端路由两大领域的最佳实践。

　　此外，它还自建了状态管理机制与事件系统，创造性地在前端框架中引入了Hooks思 想...... React十年如一日的稳定输出背后，有太多值得我们去吸收和借鉴的东西.

　　1. npm源码包大小, react 291kb, vue

　　2.97mb 更小的源码包, 更少的cpu消耗.

　　2. 基于虚拟DOM, 减少重绘次数(将多次数据操作汇集成一次 DOM更新); 减少手动操作 DOM操作(不用再像以前写 jQuery那样，先获取 DOM元素，再设置属性)

　　3. Fiber算法, React16提出了Fiber架构，其能够将任务分片，划分优先级，同时能够实现类似于操作系统中对线程的抢占式调度，非常强大, 对于因为JavaScript的单线程特性，单个同步任务耗时太长，出现卡顿的问题就可以得到解决, 这进一步弥补了React在组件更新机制方面的缺陷.

　　4. Hooks, 创造性地在前端框架中引入了 Hooks , 这使得程序员有了除class component以外的界面构建方式, Hooks让复用代码这件事变得更容易, 结合函数式组件整体风格更清爽，更优雅, 更少的代码量, 这也使得项目更容易阅读和维护.

　　5. 结合shouldComponentUpdate等方法, 可以避免不必要的组件更新, 实现更少的cpu消耗, 程序员可以从代码的角度介入到组件更新效率的控制过程中.

上一篇

说一下redux的使用流程，dispash是从哪里解构出来的

下一篇

vue-router和react-router的区别