React可以解决前端开发中的哪些痛点

对于框架之间我们并不是特别在意谁强谁弱而是要搞清楚框架真正值得我们学习的点

像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消耗, 程序员可以从代码的角度介入到组件更新效率的控制过程中。