认识达内从这里开始

认真做教育专心促就业

React库给web前端编程开发带来哪些变化

发布：运城达内教育官网
来源：互联网
时间：2019-10-16 09:34

随着互联网的不断发展，web前端编程开发也有了更多的编程库和框架出现，而今天我们就一起来了解一下，React库给web前端编程开发带来哪些变化。

React库给web前端编程开发带来哪些变化

React是一个由Facebook开发的库。在React中，开发人员为其Web界面编写组件并将其组合在一起

1、声明式 — 描述想在View中看到的，而不是如何实现它。在jQuery时代，开发人员必须提出一系列的步骤来操纵DOM，从一个应用状态到下一个应用状态。在React中，只需更改组件中的状态，View将根据状态进行更新。也可通过查看render()方法中的标记来确定组件的外观。

2、函数式— View是基于state和props的纯函数。多数情况下，React组件由props(外部参数)和state(内部数据)定义。相同的props和state，会构成相同的视图。纯函数易于测试，功能组件也大多相同。由于组件的界面定义良好，可通过提供不同的props和state来对组件进行测试并比较，从而轻松完成测试。

3、可重用性 — 以基于组件的方式编写View就是鼓励重用性。我们发现定义一个组件的propTypes能让React代码自我记录，以让用户可以清楚地知道使用该组件需要什么。此外，您的视图和逻辑在组件中是独立的，不会受到影响也不影响其他组件。只需向组件提供相同的props，就可轻松地在大规模重构过程中shift组件。

4、高性能— 您可能已经听说React使用的是virtualDOM(请勿与shadowDOM混淆)，并且在状态发生变化时重新呈现所有内容，那你知道为什么需要virtualDOM吗?虽然现代JavaScript引擎很快，但从DOM读取和写入速度很慢。React在内存中保持DOM的轻量级虚拟渲染。重新渲染一切本身就是一句有误导性的术语。在React中它实际上是指重新渲染DOM的内存中呈现，而不是实际的DOM本身。当组件的底层数据发生变化时，将创建一个新的虚拟呈现，并与先前的进行比较。然后将差异(所需的小变化集)修补到真正的browserDOM。

5、易于学习 — 学习React非常简单。与this相比，ReactAPIsurface相对较小;只有很少的几个API可以学习，并且不会经常变化。React社区是大的社区之一，同时也是一个充满活力的工具生态系统，有开放的UI组件，以及一大批在线资源可供学习。

6、优秀的开发体验 —有许多工具可以改善React的开发体验。ReactDeveloperTools是一个浏览器扩展，可检查组件，查看和操作其props和state。使用webpack进行热更新可让您在浏览器中查看代码的更改，而无需刷新浏览器。Facebook还提供了一个codemod脚本，以帮助您在有库更新时将代码迁移到新的API，使升级过程相对无痛。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

< 上一篇：常见的几种软件测试方法都有哪些

下一篇：人工智能技术的常见应用方法 >